小白详细React-Native环境搭建（window）

Node环境

Node环境对一个前端开发人员来说很简单，这里直接略过；

Python下载

Python官网： 地址.


按照RN官网所说，我们下载python 2.7版本！！！！环境变量按照如图所示不用自己添加

JDK下载

我这里为大家提供我已经下载好的JDK文件，我放在网盘上了，地址在下面，这里说一下环境变量！！！
1.电脑-属性-高系统设置-环境变量
2.点击“系统变量”下面的”新建“选项

在”变量名“处填上”Java_Home“

”变量值“为JDK安装路径，笔者的路径是”D:\Program Files\Java\jdk1.8.0_91“

点击”确定“选项

在”系统变量“中找到”Path“

选中”Path“点击”编辑“选项

选择右边的“编辑文本”，将引号里面的全部复制“%Java_Home%\bin;%Java_Home%\jre\bin;”，到“变量值”栏的最前面，“确定”

在“系统变量”栏，“新建”，“变量名”为“CLASSPATH”，“变量值”为“.;%Java_Home%\bin;%Java_Home%\lib\dt.jar;%Java_Home%\lib\tools.jar”，“确定”

AndroidSDK安装以及设置环境变量

首先 随便找一个目录将下载的AndroidSDK进行解压（下面会提供我的百度云盘地址，防止有的小伙伴不能翻墙，下载起来有些费劲）

1.设置环境变量
变量名：ANDROID_HOME
变量值：安装路径
这里我就不截图了，和JDK方式一样的。
2.AndroidSDK目录下的tool文件夹也添加到系统环境变量中

3.你的安装目录----\tools\android.bat


我这里用的Android 模拟器所以勾选了一些加速的东西！

asb安装以及环境变量设置

这里我就不在详细说明adb的安装了环境变量设置了，这个很简单，自行百度设置一下就好！

Android Studio的安装

这里我也会提供一个现在地址（在下面，百度云地址，自行下载）
1.我这里主要说一下，如何开启一个模拟器

点击蓝色框位置

会出来一个弹窗，然后点击创建就好，之后就好出来这个弹窗

继续点击下一步

这里我用红色框选中的位置，需要下载所需要的东西，下载一个就可以了，但是但是但是29的不能下载，29的不能下载，29的不能下载~
下载之后继续点击下一步，然后开启就可以了

然后就可以开启一个模拟器了

到这里呢所有的环境都已经搭建完毕了。
接下来就是安装react-native了
1.yarn add react-native-cli
2.react-native init AwesomeProject
3.进入AwesomeProject
4.执行yarn start
5.执行react-native run-android
这里我要说明一些小问题（大神略过）
（1）在手机没有链接或者模拟器没有开启的时候，直接运行代码会报错的，一定要在开启模拟器或者链接好安卓设备的时候，运行代码
（2）这里的react-native init AwesomeProject这个创建出来的项目有点小问题
大家可以看看这里的assets文件夹有木有，没有的话自行添加上，否则运行会报错

6.如果大家在运行的时候403的问题，那么需要大家手动更改一下启动端口，我在这里被坑了2个多小时。
1.运行：react-native start port 8088
2.在模拟起中ctrl+M 两下MM键，

这里我还用到了Disable Hot Reloding

点击红色区域

资源：
1.AndroidSDK
链接：https://pan.baidu.com/s/1Gwg11UaSZcKE7AoN2D_J1Q
提取码：nv1r
这个我下载的多余的东西比较多，有点大！
2.JDK
链接：https://pan.baidu.com/s/174yh7kX63KoRjduz6IwO2w
提取码：3bhh