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环境

必须安装HAXM加速驱动必须安装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

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

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

修改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 查看打包后的脚本