react-native在windows下安装和配置

zhu’yi本次安装时基于windows7系统，32位，在虚拟机上面安装的。

1、安装JDK，配置环境变量。

下载JDK，然后配置环境变量JAVA_HOME，还是按照正规路径来，不然编译时候找不到就尴尬了。

然后将%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;配置到path里面去。打开命令行，输入java就可以看见成功了。

2、下载Android sdk工具

Android sdk下载地址：Android sdk r24.4.1
下载之后安装，打开SDK Manager.exe下载相关的Android工具，下面的打勾的是必须要下载的，不下载下来编译会各种报错。这里注意SDK Build-tools必须下载23.0.1版本，然后Android support Repository是Android的一些jar包（像V4、V7等）也必须要下载。



随后配置Android sdk的环境变量，记住正规点，配置成ANDROID_HOME.

然后在系统变量path中加入%ANDROID_HOME%;%ANDROID_HOME%\platforms;%ANDROID_HOME%\platform-tools;%ANDROID_HOME%\tools;。
配置好之后打开命令行输入android和adb即可查看是否配置成功。

3、配置python环境

先去下载python的安装包下载地址
下载之后安装配置环境变量。直接将D:\CJS\python2.7;粘贴到path环境变量中去。配置好之后打开命令行输入python即可查看是否配置好。

4、配置node环境

下载node的安装包下载地址
这个下载之后就不用配置了，会帮你配置好环境变量。安装成功后打开命令行输入npm查看是否安装成功。

5、新建react-native工程

打开命令行，输入
npm install -g react-native-cli，注意注意：react为小写，不知道csdn为什么自动把弄成大写的了。如果网络不行的话配置国内镜像如下：
npm config set registry https://registry.npm.taobao.org
npm config set disturl https://npm.taobao.org/dist
这时候在命令行输入react-native命令就可以使用了。
新建一个目录，如：“D:/react-native/projects”，到这个目录下，打开命令行，输入：react-native init demo1命令，新建一个工程。

然后切换到刚才的工程目录demo1下，输入react-native start，然后在浏览器输入http://localhost:8081/index.android.bundle?platform=android，若是能打开看见下面就证明服务器就可以了。

6、运行项目并调试

连上手机，使用adb devices查看手机是否确定连上，如果显示有设备则证明已经连上手机。
1、如果手机是android5.0及以上的系统，则输入：adb reverse tcp:8081 tcp:8081即可连接上服务器调试，随后运行react-native run-android即可运行在手机上。
2、如果是android5.0以下的机器，则先再在工程目录下使用react-native run-android命令运行工程，随后摇晃手机选择Dev Settings，选择Debug server host & port for device输入ip地址加端口号，如“192.168.0.1:8081”。
如果报错显示could not create java virtual machine，就把C:\Windows\System32下面的java.exe，javaws.exe，javaw.exe这三个文件删掉重新编译就可以了。
如果还是不行，就在计算机环境变量中新建一个变量名为_JAVA_OPTIONS，变量值为-Xmx512M，如下：

个人感觉错误的原因是因为内存跟不上，设置下java虚拟机运行内存啥的可能就行了。
试了下，感觉react-native最神奇的就是修改之后不用重新安装，摇一摇手机选择Reload就可以刷新了。有错误屏幕会变红直接报错哪里有错。
最后附上成功安装后的截图