在初识react-native项目上,因为个人热衷于idea,比较熟悉,决定用这一Ide创建任何前后端的项目。
环境搭建
react-native运行环境要求准备:
- node.js
- python2
- Android sdk
- react-native-cli
- jdk
- idea编译软件
- 小米mix2手机一部(博主使用)
- 夜神模拟器
一、 下载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代理(可略过)
- npm config set registry https://registry.npm.taobao.org –global
- npm config set disturl https://npm.taobao.org/dist –global
第二步:安装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
出现如上图所示表示安装成功