Windows配置 可以参考react ntaive官网
- 必备工具node、java的jdk至少1.8版本及以上、 Android Studio
- 可选Python2、Genymotion-安卓模拟器
- 第一步安装Node,Node官网自行下载
- 第二步下载react native项目(注意:执行两步命令即可)
-安装脚手架
npm install -g yarn react-native-cli
-初始化项目
react-native init AwesomeProject
cd AwesomeProject
-在真机或者模拟器上运行
react-native run-android
- 第三步下载 Android Studio工具
Android Studio配置项,详情安装细节请参考路径《注意:SDK包比较大,尽量不要安装到C盘》
安装完成后,配置环境变量,点击新建,ANDROID_HOME变量,设置目录为SDK目录,这个目录就是之前下载SDK的目录。
企业微信截图_20190314172644.png
添加好后,双击Path项目编辑,再添加两条数据,一个是tools目录和platform-tools目录
企业微信截图_15525555603731.png
4.第四步下载Java-Jdk官网
jdk1.8快速入口点击这儿直接下载64位的JDK
环境变量配置
-
新建 JAVA_HOME 变量
例子目录是C:\Program Files\Java\jdk1.8.0_131
企业微信截图_20190314173330.png -
寻找 Path 变量→编辑填
%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;
每个变量是以分号结尾,如果前一个没有以分号结束,那么在编辑之前需要加上一个分号
企业微信截图_20190314173330.png -
新建 CLASSPATH 变量(注意:不要忘记前面的点)
.;%JAVA_HOME%\lib;%JAVA_HOME%\lib\tools.jar
- 通过命令检查是否安装成功,如果输出版本表示O了
java -version
javac -version
- 运行项目
运行真机或者模拟器
react-native run-android
运行Android Studio 携带的模拟器
npm start(注意:这个命令需要先运行Android Studio同时选择对应的安卓包)
网友评论