常用命令ReactNative

一、常用命令

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

nodejs版本号：直接在命令行中输入  node -v

v9.8.0

npm版本号：直接在命令行中输入 npm -v

5.6.0