前提条件：
已经下载安装 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 即可解决（如手机白屏，请注意允许权限）
网友评论