Windows系统下React Native开发环境搭建教程

    虽然网上有很多React Native开发环境的搭建教程，但是自己爬过了坑之后还是想和大家一起分享。话不多说，我们上干货。

    一、node.js的下载

    首先，我们需要下载版本较新的node.js，去官网下载最新的node.js

我们直接下载后缀是.msi的文件，下载后直接点击运行即可。注意，安装的目录中不要有中文，以防出现不必要的麻烦。这里是下载的官网链接（http://nodejs.cn/download/），大家可以根据自己系统的位数自行下载。

下载后我们打开命令行，输入命令 node -v，以此来检查是否安装成功。

    二、Python的下载

    我们需要去Python的官网下载2.X版本的Python，注意必须是2.X的版本，目前不支持3.X。这里我推荐使用2.7的版本，下载MSI版本的直接点击运行。以下是官网下载链接（https://www.python.org/downloads/），大家可以根据自己系统的位数自行下载。

    

安装完成以后，我们需要将python的路径添加到环境变量里面去，然后在命令行里输入python --version来检验是否安装成功

三、下载安装JDK

下载安装JDK8.0版本，以下是下载链接（http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html），大家可以根据自己系统的位数自行下载。请大家务必记住安装路径，后面配置环境变量会用到，还有记得不要带有中文名，避免不必要的麻烦。

下载安装完成以后，我们就要开始进行环境变量的配置了。

首先，右键此电脑，点击属性，进入控制面板\系统和安全\系统

然后点击高级系统设置 》》》环境变量

在系统变量里面点击新建，变量名为JAVA_HOME，变量值是C:\Java\jdk1.8.0_171（我刚刚安装JDK的文件路径），然后确定保存。

然后选择path，点击编辑，将JDK的bin目录和JRE的bin目录添加进去，确定保存。注意这里的路径要是绝对路径！！

记得将所有的确定都点上后，会自动退回到控制面板\系统和安全\系统

现在我们在命令行中，输入javac的命令，已检验是否都配置妥当,如果出现以下的内容说明java已经安装和配置成功

四、下载安装 Android Studio

    React Native目前需要Android Studio2.0以上的版本，所以我们去官网下载，由于谷歌的安卓开发者需要科学上网才可以下载，我们为了照顾绝大多数童鞋，我们选择Android Studio的中文网，去进行下载。（http://www.android-studio.org/）这里有分安装版和无安装版，我比较懒就选择了无安装版，童鞋们自行选择。

安装完成后，选择custom选项

    

一直next，将所需要的SDK包下载下来后，点击SDK manager

在侧栏选中Android SDK,进行下图操作，大家务必记住Android SDK的路径，后面配置环境变量需要。

 由于我已经安装好了软件，这之后还有两步就没有办法向大家展示，大家按照提示接着安装完就可以了。

接下来我们要做的就是添加安卓的环境变量，打开控制面板\系统和安全\系统 》高级系统设置》环境变量，在系统变量里面新建一个变量，变量名是ANDROID_HOME,变量值是刚刚的Android SDK地址（如果不记得了，可以打开Android Studio里面的SDK manager去查看），然后保存就好了。

五、Genymotioin的下载安装

由于Genymotion的性能会更加出色，所以我们放弃Android Studio自带的模拟器，来使用它。我们去官网下载，这里是下载地址（https://www.genymotion.com/account/login/）要说一下的是，如果是新用户的，你需要注册一个账号，记住一定要注册的是个人账户，因为它只对个人用户免费。注册好了之后我们登录进去，找到下载页面。这里会有两个版本，一个是带有VirtualBox的一个是不带的，如果你以前安装过VirtualBox那就选择不带的版本。

一路傻瓜式安装完成后，打开Genymotion。新用户需要输入账号密码进行登录，然后我们需要对Genymotion进行一些设置。点开setting > ADB将选项更改成为Use custom，同时把Android sdk的路径改成我们自己的，因为Genymotion的ADB默认是使用了它自己的Android tools，如果不进行更改的话，后面在创建应用的时候会报错。然后再去add一个模拟器，建议选择5.1.0.

好了，到此为止，我们的前期准备工作就做完了。下面我们就一起来创建一个React Native 的项目吧。

首先，打开命令行 ，输入命令npm i -g react-native-cli。这条命令会帮助我们在全局安装好react-native的脚手架，只有安装了脚手架，我们才能去使用react-native的命令。

然后，我们开始使用react-native init 文件名 的命令去创建一个项目，注意你的文件名里面不可以含有中文，不然将无法创建项目。如果没有科学上网的话，这个过程会比较漫长，请大家耐心等待

接下来我们需要去把模拟器打开。

接下来我们再执行两条命令，先cd 到我们创建的文件夹下，再写react-native run-android （第一次创建的时候，会非常的慢，请大家耐心等待）。注意，在命令执行后，本地会起来的一个node的服务，千万别手滑把这个服务关闭了，项目需要依赖它运行。然后你就可以在模拟器里面看到你的第一个React Native应用了。

到此全部教程就结束了，如果有不足的地方，请大家指正。如果你在搭建的过程中遇到了什么问题，你可以百度也可以留言联系我，我会十分乐意和小伙伴们共同学习进步。

文章借鉴https://reactnative.cn/docs/0.51/getting-started.html