史上最全Windows版本搭建安装React Native环境配置

 

 

1、安装python 我选择安装的是(python-2.7.12.msi)

2、安装jdk 我选择安装的是(jdk-8u111-windows-x64)

3、安装android-studio  (最好是提前安装了android sdk 或者直接安装带有android sdk的android-studio)

此处我选择的是安装带sdk的studio 记得一定要记住sdk安装的目录,后续配置会用上

4、配置环境变量

值是sdk的目录地址(若原本没有path这个环境变量,则请新增,我这里是因为有了,直接把值加入其中即可)

path中增加一条为platform-tools目录地址的环境变量值

配置jdk环境变量,值即为jdk安装目录

5、运行android studio

 

注:此处创建一个空的android项目,为的是每次打开都提示让创建很烦躁

此时,你就可以看到一个安卓手机模拟器了

6、安装react-native-cli

npm install -g yarn react-native-cli

7、创建你的第一个react-native项目  

react-native init AwesomeProject
cd AwesomeProject
react-native run-android
AwesomeProject 是项目名称,即你创建的项目文件夹名称

此时此刻你一定会等待很久,如同下方的图:

此时是因为你的电脑没有FQ,他正在下载gradle-2.4-all,下载不下来,那么给你一个地址,你去手动下载吧http://www.androiddevtools.cn/

下载下来之后,记住,不要解压,直接放在那里

 

 然继续执行:react-native run-android,在你等待很久之后,又会出现以下错误


此时打开sdk下面的

我们看到我们只有24.0.3 和25.0.2这两个版本的sdk

找到React Native下的app修改他的build.gradle文件:

改成sdk build-tools下面有的版本,此处我们改成24.0.3,如下图

接下来继续运行react-native run-android,又报错了

 

网上说把Android项目下的build.gradle

 

把1.3.1改成1.2.3,后继续运行react-native run-android。

成功了!切记环境变量JAVA_HOME一定要配置正确,如何检测JAVA_HOME有没有配置正确,直接在cmd里面运行java看是否能打出东西!

切记node版本不要过低,我有同事版本是4.4.0就无法正常运行,然后把node升级到6.4.0就能正确运行了!

谢谢大家的观看,若有其他疑问请在下面提出哈!欢迎讨论!

 

 

posted @ 2016-12-13 19:58  #~海儿  阅读(3999)  评论(5编辑  收藏  举报