[绍棠] 如何运行github上react native项目

运行终端打开对应目录(windows下为cmd)

$ cd /Users/s/Downloads/react-native-nba-app-master/
  • 1
  • 2

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
  • 1
  • 2

A.在安卓上运行

1.打开下载目录下的android文件夹下的项目(使用android studio),由于gradle下载是在外网,可能会慢,等等吧(或者科学上网)。

这里写图片描述

2.运行(图片中菜单栏app后面那个按钮)

3.摇晃一下手机设置自己电脑的ip地址

这里写图片描述 
这里写图片描述 
这里写图片描述

4.再次摇晃,选择reload js

5.居然报错了

这里写图片描述

分析下原因吧,大概意思:App.js里只能有一个export,打开这个文件

这里写图片描述

(去掉红色框里的export default)

保存,再次reload js

这里写图片描述

至此,安卓端已经可以运行了,下面讲苹果手机端

B.在ios端运行

1.打开ios文件夹下的项目allyoop.xcodeproj

2.点击运行

完美,ios端没有任何障碍,直接运行。

这里写图片描述

猜你喜欢

转载自blog.csdn.net/happyshaotang2/article/details/78590900