idea(2018.1.4版本)创建react-native项目,windows、android真机测试以及安卓夜神模拟器测试运行

在初识react-native项目上,因为个人热衷于idea,比较熟悉,决定用这一Ide创建任何前后端的项目。

环境搭建

react-native运行环境要求准备:
  1. node.js
  2. python2
  3. Android sdk
  4. react-native-cli
  5. jdk
  6. idea编译软件
  7. 小米mix2手机一部(博主使用)
  8. 夜神模拟器
一、 下载node.js

网址:https://nodejs.org/en/
这里写图片描述
安装完成后,进入cmd命令行窗口,输入 node -v和npm -v;
这里写图片描述
备注:如若出现node不是内部程序等错误,检查及添加环境变量,如若环境变量没问题;

小窍门:重启电脑

下面其它环境变量的配置也是一样的,如若环境变量配置什么的都没错,就重启下电脑,直到有正确结果。
二、下载python2

网址: https://www.python.org/downloads/windows/
这里写图片描述
下载安装,记得勾选add to path,进入cmd控制台,输入 python –version查看
这里写图片描述

三、下载Android SDK并进行配置

网址: http://sdk.android-studio.org/
这里写图片描述
下载完成后,安装,我个人是安装在目录 E:\devsoftWare\AndroidSdk下
这里写图片描述
接下来进行Android的环境变量配置,发现很多教程这一部分都很模糊。
设置环境变量,在系统变量中添加变量名:ANDROID_HOME 变量值: E:\devsoftWare\AndroidSdk
这里写图片描述
系统变量中添加变量名:Path变量值: E:\devsoftWare\AndroidSdk\tools
这里写图片描述
用户变量中添加变量名:Path变量值: %ANDROID_HOME%\platform-tools
这里写图片描述
进入cmd命令行窗口,输入 adb -version;
这里写图片描述
若出现环境变量问题,还需查阅资料解决
reactNative sdk安装插件
进入AndroidSdk安装目录,打开SDK Manager
这里写图片描述
安装如下图出现的包,最好自己用vpn下载,能够快一点
这里写图片描述
这里写图片描述

注意:在后面运行react-native程序中可能有跟安装所需要的插件不符的错误,大家学会以错误入手进行解决

四、安装react-native-cli
第一步:设置npm代理(可略过)
第二步:安装react-native-cli
  • npm install -g react-native-cli (注意不要这么安装,因为版本号是2.0.1+,到后期运行react-native项目会报错,如果已经安装的小伙伴,需将其卸载,安装指定版本的)
  • 卸载已经安装的react-native-cli
  • npm uninstall -g react-native-cli
  • npm install [email protected] (这个版本博主在用,可行)
  • npm instal -g [email protected] (这个版本博主在用,可行)
第三步:验证版本
  • react-native –version
    这里写图片描述
    出现如上图所示表示安装成功
五、安装jdk

猜你喜欢

转载自blog.csdn.net/Wcharles666/article/details/82381235