一次性解决Cordova&React Native
npm加载Cordova&React Native,建Android项目
操作方法
- 01
官网下载Node.js,亲测node-v6.10.2-win-x64.zip安装方式,简单方便可以添加模块,但是建项目的时候各种问题,于是删除后使用了node-v6.10.2-x64.msi安装。
- 02
.msi安装一路Next,自动在用户和系统变量里添加Path变量。C:\Users\xx\AppData\Roaming\npm;D:\nodejs\(默认路径改成了D盘)。
- 03
win+r>cmd。刚开始按照官网环境搭建加载模块的,rn速度还可以,cordova的速度绝望了然后使用了rn中文网里的镜像链接npm config set registry https://registry.npm.taobao.org,20分钟左右也把cordova装上了。 安装命令:npm install -g react-native-cli|cordova
- 04
建项目:Cordova(cordova create 目录 包名 项目名),rn(react-native init 目录名)
- 05
对了,cordova还需要cordova platform add android才能建出一个Android项目,项目类似Eclipse的结构
- 06
运行react-native项目可以通过react-native run-android加载到模拟器或真机上,利用的adb工具。如果出现红屏可以在android包下检查是否有assets目录,没有就建一个,然后执行react-native bundle --platform android --dev false --entry-file index.android.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res/,再加载就好了
- 07
React Native,Reload Could not connect to development server。menu>Reload>Dev Settings>Debug server host&port for device>ip:8081
- 08
corvoda项目可以直接导入项目编辑运行