Windows下React Native安装教程及遇到的问题解决

1 下载安装node.js

https://nodejs.org/dist/v6.10.3/node-v6.10.3-x64.msi
node.js最好安装在默认的文件夹下
因为我改了路径，后面遇到好多问题， 还是重新安装了node.js在默认路径

下载安装python2

https://www.python.org/ftp/python/2.7.13/python-2.7.13.msi

下载安装git

https://github.com/git-for-windows/git/releases/download/v2.13.0.windows.1/Git-2.13.0-64-bit.exe

2 设置npm镜像

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

3 安装React Native命令行工具（react-native-cli）
用于执行创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g react-native-cli

4 下载官方react-native
https://facebook.github.io/react-native/

5 配置AndroidStudio环境

1. 必须安装HAXM加速驱动
2. 必须安装Android SDK Build-Tools 23.0.1

6 配置ANDROID_HOME环境变量,指向你的sdk路径
我的默认是这个C:\Users\Administrator\AppData\Local\Android\sdk
将Android SDK的tools和platform-tools目录分别添加到PATH变量中

上面的步骤都完成了,就集成好了React Native环境了

7 下面开始创建项目
先创建一个存放React Native项目的文件夹, 在该文件夹下输入cmd命令:

react-native init FristReactProject

稍等一会会~~项目就可以创建成功了.

8 在真机或模拟器上面运行 (不过建议还是先别运行,可以先看看我下面的问题)
进入你创建的项目下, cmd如下命令:
android机:

react-native run-android

ios机:

react-native run-ios

然而却报错了,因为我用的真机是5.1 的, 所以就出现了下面的问题:

报错信息：com.android.builder.testing.api.DeviceException: com.android.ddmlib.InstallException

找了半天终于解决了.. 贴下步骤:

1. 将Gradle（Project）版本改为 1.2.3, 如图
   

2. 修改Gradle Warpper 版本为 2.2以上，原来是2.14.1
   

   如果联网下载不了， 就到下面的地址下载吧
   地址在这: http://www.androiddevtools.cn/
   我这里下载的是 gradle-2.2-all.zip
   解压后, 配置GRADLE_HOME到你的gradle根目录当中，然后把%GRADLE_HOME%/bin加到PATH的环境变量。
   运行gradle -v，如果安装正确，它会打印出Gradle的版本信息
   然后 修改Gradle Warpper 版本为本地版本：

distributionUrl=file:///E:/gradle/gradle-2.2-all.zip

配置完gradle, 你就可以敲命令运行了

react-native run-android

如果看到界面显示出红色页面，别担心，摇一摇修改下网络设置为：
你的电脑IP地址 +：8081，比如：192.168.1.18：8081
到这里就大功告成了!

可以用浏览器访问
http://localhost:8081/index.android.bundle?platform=android
查看打包后的脚本