win7下ReactNative的环境搭建

因本人水平有限，不足之处还望大家指正。

先上图：

需要的东西：

1、node.js

2、AndroidStudio+jdk

3、ReactNative

一、安装node.js,到官网去下载最新的node.js安装。

二、安装jdk，记下安装路径，为了确保路径安全，选择默认的路径。

三、安装AndroidStudio，安装完成后双击AndroidStudio，看报错不，如提出报错说jdk有问题的，那就是jdk安装时没有添加进path环境变量中，手动添加如图：

再把AndroidHome环境变量在添加一下

如果能顺利启动AndroidStudio，新建一个工程，测试一下能不能跑起来。可能AndroidStudio会用自己的jdk路径，这时报错的话，需更改jdk路径如图

四、如能成功安装AndroidStudio，接下来就是安装reactnative了。我是按照reactNative的官方网站提供的教程安装的，教程里提供了如何将npm切换成taobao镜像源，安装完成后可以试以下命令：

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

如提示react-native既不是内部或外部命名的话，就要将node.js添加进path环境变量中：

如果初始化reactNative项目成功后，进入项目文件会看到以下文件：

接下来用AndroidStudio打开Android文件里的项目，这时初始化项目时间会很长，可能会报错，如图：

红色的框中会出现报错的，提示缺什么文件，需要install的，大家只要看到“install”的，就需要点击它安装，这时项目初始化的时间会很长，因为要下载缺失的东西。好在AndroidStudio会提示出什么错，如需安装的大家就install一下。

五、如能在AndroidStudio里初始化项目成功，就可以安装apk了，如图：

这时大家需要将杀毒软件关闭掉，因为它的手机助手会占用端口，导致找不到手机，如能顺利安装apk，并且打开它，就能看到以下画面：

如果能出现红色的画面，就说明reactNative搭建好了，出现红色的画面是是没起到服务。要进入cmd，在项目目录下输入react-native start，等一会出现以下画面：

然后需要设置app的dev settings 里的debug server host,设置成"IP地址":8081端口。可以摇晃手机和按菜单键，如图：

设置完成后，点击reload，就会出现Wellcome.........，成功的画面。注意输入react-native start 命令的窗口不能关闭，输入IP地址:8081的时候要注意你的IP地址变没变，关机和开机的话，IP地址可能会变化的。

到此win7下reactNative的环境搭建完毕。总结一下需要注意的问题：1、jdk环境变量的配置。2、AndroidStudio能否成功安装并且初始化项目成功。3、node.js切换国内镜像源。4、reactNative安装能否成功并初始化项目成功。5、react-native start 命令窗口不能关闭。6、dev settings 中debug server host 的设置，每次开、关机IP地址可能不一样。

这块只是win7下reactNative的搭建，其他系统下的搭建可能也会遇到各种各样的问题，望大家还是多尝试一下。在这里，我把我安装时遇到的问题和思路提供给大家，不足之处还有很多，还望大家指正。