学习RN开发的过程中,有许多需要命令操作的功能,对涉及到的命令进行总结。
- 搭建环境阶段
首先需要使用命令行下载安装 Chocolatey、python 2 、node.js、Yarn。详情:React Native 中文网—文档—搭建开发环境
功能 | 命令 |
---|---|
安装Chocolatey | @powershell -NoProfile -ExecutionPolicy Bypass -Command “iex ((new-object net.webclient).DownloadString(‘https://chocolatey.org/install.ps1’))” && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin |
安装 python 2 | choco install python2 |
安装 node | choco install nodejs.install |
设置node镜像 | npm config set registry https://registry.npm.taobao.org --global npm config set disturl https://npm.taobao.org/dist --global |
安装Yarn | npm install -g yarn react-native-cli |
设置Yarn镜像 | yarn config set registry https://registry.npm.taobao.org --global yarn config set disturl https://npm.taobao.org/dist --global |
- 项目开发
功能 | 命令 |
---|---|
创建项目 | react-native init [工程名] --version [版本号] |
启动服务 | npm start 或 react-native start |
运行android | react-native run-android |
运行ios | react-native run-ios |
运行release版本 | react-native run-android --variant=release |
Android 5.0以上wifi链接本地开发服务器 | adb reverse tcp:8081 tcp:8081 |
- 下载别人开源项目的导入
功能 | 命令 |
---|---|
安装react-native | npm install |
link native功能 | react-native link |
运行android | react-native run-android |
- 引入第三方库
功能 | 命令 |
---|---|
使用Yarn引入 | yarn add 某第三方库名 |
使用npm引入 | npm install --save 某第三方库名 |
向native模块中添加了各种依赖和导包的操作 | react-native link |
第三方库链接到项目 | rnpm link |
安装rnpm | npm install rnpm -g |
- 删除第三方库
功能 | 命令 |
---|---|
只是删除组件 | npm uninstall 某第三方库名 |
删除在RN的package.json中的依赖 | npm uninstall -s -D -O 某第三方库名 |
第三方库链接到项目 | rnpm link |
安装rnpm | npm install rnpm -g |
- 其他命令
功能 | 命令 |
---|---|
查看当前reactNative版本 | react-native --version |
更新一下项目依赖 | react-native upgrade |
查看服务器端的reactNative的各版本信息 | npm info react-native |
项目降级或升级到指定版本 | npm install --save react-native@0.18 |
查看 Node 已经实现的 ES6 特性 | node --v8-options |
- 调试
android
功能 | 命令 |
---|---|
访问开发菜单 | win menu / mac command+M |
reload | R双击(非编辑状态下) |
ios
功能 | 命令 |
---|---|
访问开发菜单 | command+M |
reload | command+R |