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

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

铁柱同学

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值