常用命令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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文出自:我的个人博客:http://www.cenzhijun.top/最近开发的时候发现一些常用的命令总是记不...
    czj_warrior阅读 335评论 0 4
  • TF API数学计算tf...... :math(1)刚开始先给一个运行实例。tf是基于图(Graph)的计算系统...
    MachineLP阅读 3,552评论 0 1
  • 在知乎上看到的一个问题,问的是对网易云课堂如下的奋斗模式如何看待。 正好对激励模式以及习惯养成有一些小研究,来抛砖...
    镇雷阅读 6,128评论 5 15
  • 单例模式的作用 可以保证在程序运行过程,一个类只有一个实例,而且该实例易于供外界访问 从而方便地控制了实例个数,并...
    JonesCxy阅读 385评论 0 0
  • 今天读到了武志红老师写的一篇文章《求求你别在“为我活着”了》,特别有感触,因为在我的身上也遇到过这样的情况。 文章...
    龙航007阅读 208评论 2 1