React Native 环境搭建步骤

之前一直用RN写APP，但是真正对于RN的安装以及环境配置缺不太了解。相当于站在巨人的肩膀。这次，研究RN的同事离职，所以这块儿就必须要接手。从新搭建了一次环境。在此记录一下。

一、RN环境搭建的必须程序

1、下载安装node.js。

这里去官网下载即可。本人这里安装的是8.2版本的。

如果下载的是.exe文件，那么可能安装的时候，自动就会加上环境变量。如果下载的是压缩包。那么环境变量是需要自己添加的。

要设置两个东西,一个是PATH上增加node.exe的目录C:\Program Files\nodejs,一个是增加环境变量NODE_PATH,值为C:\Program Files\nodejs\node_modules

2、下载java的SDK，以及下载python

JAVA这边药配置环境变量的。环境变量指向SDK的位置。

修改java的环境变量（新增JAVE_HOME）,python也需要加入环境变量，不然会报错： Error: Can’t find Python executable “python”, you can set the PYTHON env variable.

参考：http://blog.csdn.net/itpinpai/article/details/50809068

3、下载安装android SDK

我网盘分享的有，下载之后，直接配置环境变量即可。

链接: https://pan.baidu.com/s/1hshFbXa 密码: wkve

这里的android也需要添加环境变量。具体参考上面那个链接。

4、检测

这里打开cmd，检测各个程序有没有安装成功。

//查看java安装的版本
java -version
//查看node.js的版本
node -v
//查看python安装的版本
python -v

二、开始创建RN项目

1、下载RN

这里，有的人是下载的git，然后从网上clone到本地。由于RN的包多是国外的，所以下载速度感人。我这里是用的淘宝镜像。这个速度是真的快。非常推荐。

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

2、按照这个博客的教程一步一步走：

http://blog.csdn.net/itpinpai/article/details/50809068

3、遇到的问题

报错：“在此解决方案中一次生成一个项目。若要启用并行生成，请添加“/m”开关。需要下载编译环境“。

这个问题，有的人说是要在电脑上安装VS2015等集成工具。大家可以参考下这个博客：
https://www.cnblogs.com/alunchen/p/5546821.html

三、和大家的不同之处

由于我们已经有RN的项目了，只需要在本地搭建环境即可。所以，我把RN的项目下载下来。然后执行一下操作：

1、进入RN项目的目录

2、react-native run-android

执行此步操作的话，记得连上安卓手机，或者打开安卓模拟器。

3、如果你没有用USB连接安卓手机的话，会报错：not device，这个时候如果没有其他错误的话，就代表RN的环境搭建好了

4、在 react-native项目\android\app\build\outputs\apk 找到debug.apk，然后把debug版本在模拟器上打开。

5、关于debug版的联网问题，参考博客：
http://www.hlzblog.top/Article/34.html

6、调整IP，并且用powershell中，进去项目，执行npm install 和npm start即可。

7、如果debug版可以正常运行，则代表你的RN环境是没问题的。

8、关于生成正式版：
生成正式版本：参考链接：http://www.hlzblog.top/Article/38.html

以上就是我在搭建本机RN环境时候执行的操作。这里一定要记得把各项的环境变量配置好。然后执行run-android的时候，好好看报错信息，根据报错信息来查找错误即可。配置好环境之后就可以愉快的进行开发了。

祝大家平安夜快乐！！！

搭建环境参考链接：http://blog.csdn.net/itpinpai/article/details/50809068
运行RN项目链接：http://www.hlzblog.top/Article/38.html

=====================================================================
2018.3.29更新

安卓SDK下载路径：
链接: https://pan.baidu.com/s/1Kz1ZGgOev9C-kjf96qZGSg
密码: x25f

安卓react native 需要的一些文件

链接: https://pan.baidu.com/s/1RLeMTzOq_k_I_wQ43022xA
密码: n9ak