react-native在windows的配置教程(填坑版)

     react-native是最近火起来的一套开源框架，具体描述请点击:http://react-native.cn/  .官网上以及各种博客都有形形色色的环境配置教程，但都有各种坑。本人在经过两天的钻研后，成功配置好环境，特整理如下填坑教程。

配置android环境
 

     配置jdk环境、配置Android sdk环境、安装Android Studio环境；

安装C++环境

推荐从 itellyou下载并安装Visual Studio 2013或2015。也可选择Windows SDK、cygwin或mingw等其他C++环境。编译node.js的C++模块时需要用到。

安装node.js

从 官网下载node.js的官方4.1版本或更高版本。

安装react-native命令行工具

官方的安装方法是

npm install -g react-native-cli

创建项目

进入你的工作目录，运行

react-native init MyProject

并耐心等待数分钟。

运行packager

react-native init start

可以用浏览器访问 http://localhost:8081/index.android.bundle?platform=android 看看是否可以看到打包后的脚本。第一次访问通常需要十几秒，并且在packager的命令行可以看到进度条。如果迟迟看不到进度条，请检查上面的修改是否已经做到。

安卓运行

保持packager开启，另外打开一个命令行窗口，然后在工程目录下运行

react-native run-android

首次运行需要等待数分钟并从网上下载gradle依赖。

运行完毕后可以在模拟器或真机上看到应用自动启动了。

如果gradle依赖下载出现报错，请多试几次，或者设置VPN加速。

如果apk安装运行出现报错，请检查platform-tools是否已经设到了PATH环境变量中，运行adb devices能否看到设备。

至此，应该能看到APP运行，并报错 Unable to download JS bundle

摇晃设备或按Menu键（Bluestacks模拟器按键盘上的菜单键，通常在右Ctrl的左边 或者左Windows键旁边），可以打开调试菜单，点击Dev Settings，选Debug server host for device，输入你的局域网IP，再按back键返回，再按Menu键，在调试菜单中选择Reload JS，就应该可以看到运行的结果了。