一、常用命令
0.
exp init my-new-project
cd my-new-project
exp start
1.
npm install
安装 RN 依赖的包,如果失败,运行 npm cache clean --force
npm install native-base --save
npm install --save react-native-elements
安装制定的模块到项目中
react-native link
这个命令很神奇,能自动在android的settings.gradle和build.gradle和MainApplication.java下添加代码
2.
react-native start
apk安装好后,可以启动后台服务器用 react-native start ,直接打开app,摇晃菜单,debug
react-native start --port=8082
运行app,摇晃手机,在菜单中修改ip地址和端口号
3.
react-native run-android
react-native run-ios
包含两个部分:打包生成apk,并安装;启动后台服务器 react-native start
4.
调出调试窗口命令,如果显示层次窗口无反应,可以先打开此窗口,后运行start,在打开app
react-devtools
二、初始化工程,生成app命令
react-native init AwesomeProject (init命令包含 npm install --save react-native)
cd AwesomeProject
react-native run-ios
react-native run-android
node_modules: 存放所有的项目依赖库,配置package.json之后执行“npm install”后自动创建的文件夹。
package.json: package.json定义了项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。npm install命令根据这个配置文件,自动下载所需的模块,也就是配置项目所需的运行和开发环境。
三、按照根目录下 package.json 文件内依赖的包,安装 RN 依赖的包,
npm install
如果失败,运行 npm cache clean --force
设置npm代理地址,命令如下:
npm config set registry http://registry.cnpmjs.org
之前一直用的淘宝npm代理
npm config set registry https://registry.npm.taobao.org
四、仿照饿了吗安装过程
git clone https://github.com/stoneWeb/elm-react-native.git
cd elm-react-native && npm install
react-native link
其中这步并不是必须的,有一些npm_module用到了native功能时就需要先进行一下link才可以编译运行。比如:react-native-vector-icons,react-native-video等
react-native run-ios
五、其他命令
npm install react-native-blur@1.0.0 --save (更新单个包命令)
npm link
查看 react-native 本地版本命令
react-native --version
react-native-cli: 2.0.1
react-native: 0.54.2
v9.8.0
5.6.0