前提条件:
已经下载安装 JAVA JDK / android sdk(翻墙) / Git / Node.js (推荐5.0以上稳定版本)
1.配置环境
Java
新版本的SDK似乎已经不再需要配置:
个人环境变量内容为以下 C:\ProgramData\Oracle\Java\javapath
Android
系统环境变量path中添加
C:\Android\SDK;C:\Android\SDK\platform-tools;
Git
系统环境变量path中添加
C:\Program Files\Git
安装react-nactive命令行工具,切换npm下载源
win+R 输入cmd ,打开命令行窗口
输入 npm install -g nrm 安装nrm模块,方便切换npm下载源
输入 npm install -g npm@2 安装npm2
输入 npm install -g react-native-cli 安装命令行工具
建议使用淘宝的镜像:
输入 cnpm install -g react-native-cli
至此为止,环境配置就已经完成
初始化项目
在希望建立项目的文件夹,shift+鼠标右键 打开命令行
输入 react-native init TestProject
初始化会从网络下载较多文件,windows需要约4分钟时间,同网速与网络状况有关
初始化完后,会出现以下页面
(可选)接下来升级Android SDK的编译文件,仅在第一次初始化项目时执行
react-native upgrade
运行项目
1.将手机与电脑通过数据线相连,命令行输入:
adb devices
adb reverse tcp:8081 tcp:8081
adb reverse tcp:8081 tcp:8081将电脑8081端口反向代理到测试机上
2.查看本机ip
ipconfig
记录: 192.168.1.111(每个人的ip都不同)
3.启动服务
react-native start
启动服务后,该命令行请不要关闭
4.编译初始化的项目
新建一个命令行页面输入
react-native run-android
*app安装完成后,手机可以断开与电脑的连接。
手机端显示如下界面,即表示配置成功
如果页面显示为大红色报错信息,请摇晃手机/点击菜单栏,弹出调试菜单
点击Dev Settings ,选择Debug server host&port for device
输入刚才查看的ip : 192.168.1.111:8081
在调试菜单栏,选择Reload 即可解决(如手机白屏,请注意允许权限)