第二课:分分钟掌握运行github上react native项目
来源:互联网 发布:字符串的全排列 java 编辑:程序博客网 时间:2024/06/05 12:03
一、下载RN项目
以react-native-nba-app作为事例
https://github.com/wwayne/react-native-nba-app
克隆项目到本地
运行命令$Git clone https://github.com/wwayne/react-native-nba-app.git
当然你也可以直接下载解压
二、运行RN项目
运行终端打开对应目录(windows下为cmd)
$ cd /Users/s/Downloads/react-native-nba-app-master/
1.第一步
npm install -g React-native-cli
2.安装
npm install
3.启动
react-native start
4.运行(新开一个终端运行测试下)
npm test
可能你会问,如果在下载其他项目,这些步骤还需要重复吗,答案是yes,每个项目都得重新npm。npm就这么“坑“,因为node_module是不可以全局的,而且node_module还可以嵌套node_module,当然啦,每个项目仅第一次要npm,否则的话,大家会被累死。npm有的时候下载很慢,大家可以翻墙,或者设置npm淘宝镜像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
A.在安卓上运行
1.打开下载目录下的android文件夹下的项目(使用android studio),由于gradle下载是在外网,可能会慢,等等吧(或者科学上网)。
2.运行(图片中菜单栏app后面那个按钮)
3.摇晃一下手机设置自己电脑的ip地址
4.再次摇晃,选择reload js
5.居然报错了
分析下原因吧,大概意思:App.js里只能有一个export,打开这个文件
不小心被坑了,这个开源项目有bug,1000+的star,选它不能怪我哦。(去掉红色框里的export default)
保存,再次reload js
至此,安卓端已经可以运行了,下面讲苹果手机端
B.在ios端运行
1.打开ios文件夹下的项目allyoop.xcodeproj
2.点击运行
完美,ios端没有任何障碍,直接运行。
转载自:http://blog.csdn.net/qq273681448/article/details/52969975
1 1
- 第二课:分分钟掌握运行github上react native项目
- 如何运行github上react native项目
- 如何运行github上react native项目
- 如何运行github上react native项目
- 如何运行github上的React Native项目
- [绍棠] 如何运行github上react native项目
- React-Native 学习之--问题处理 一. github上下载的项目不能运行?
- 下载及运行Github的React Native开源项目
- 运行React-Native项目
- 创建react native项目并在genymotion上运行
- 新建react-native项目并在genymotion模拟器上运行
- windows创建react native项目并在genymotion上运行
- 【React Native】导入github上react native遇到的问题。
- React-Native开源项目GITHUB
- react-native 运行github项目报错 Couldn't find preset “es2015” relative to directory
- React Native-创建项目和运行项目
- 在手机上运行React Native
- React Native使用指南-在设备上运行
- Linux——如何打开或者安装g++
- 递归与尾递归
- 编码规范
- 笔记 java 自动生成get set方法的快捷
- SVN 提交限制日志长度
- 第二课:分分钟掌握运行github上react native项目
- colorAccent,colorPrimary,colorPrimaryDark等到底指什么?看完你就知道了
- Java集合 01
- Linux
- Android Material Design
- angular2学习笔记(1)
- 进程的同步与通信
- 这可能是php世界中最好的日志库——monolog
- 编写虚拟机操作脚本