ReactNative在win下开发环境搭建

一、写在前面

我花了三天时间才终于把reactnative的开发环境搭好，写篇笔记来纪念一下，不枉走过的那些坑。。。

二、安装前提条件

我是安装官方的文档安装的，一般来说都能成功，不能成功的原因可能就是初始环境没有搭建好。我的最大错误就是没有安装vs编辑器，虽然在我的“控制面板”中看到有vc++的环境，但是还是要安装vs2015或者别的版本的C++编辑器，切记切记。
官方的文档：http://reactnative.cn/docs/0.51/getting-started.html
需要提醒的是，没必要安装Chocolatey软件，因为本来也没什么用。jdk要安装1.8版本的，Python和node直接在相应的官网中搜索下载就好了，下载完是这个样子，我搭建的时候都是下载的最新的版本。

最好选择的都是.msi后缀的安装包，这样直接会自动在你的系统变量中添加好路径。安装好后测试一下：
这里需要注意的是：由于下面的步骤有些需要cmd的管理员权限，所以我都是直接打开的

好了，输入测试命令：

node -v
python --version

出现如图所示表示安装成功。

不要忘了VC++的编辑器，我安装的是Visual Studio Community 2015，这个步骤就不再叙述了，百度一下，里面的开发环境要勾选混合开发环境啊！！！

三、配置环境

1、为了提供更高的下载速度需要将镜像重新配置下，直接打开命令行（有管理员权限）：

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

2、Yarn、React Native的命令行工具（react-native-cli）紧接着输入：

npm install -g yarn react-native-cli

3、安装完yarn后同样要设置镜像源：

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

4、Android Studio
React Native目前需要Android Studio2.0或更高版本。
as的安装直接参考官网的就可以了，已经安装的但是没有选择custom的也不用重新安装，只要下载好相应sdk(参考官网)、配置好ANDROID_HOME就好了。
5、git直接百度下载安装即可，在安装过程中注意勾选”Run Git from Windows Command Prompt”，这样才会把git命令添加到PATH环境变量中。

四、测试安装

reactnative 需要的环境基本上就搭建好了，现在我们来测试一下。注意先选择一下你要安装到的位置，我选择的是D:\AwesomeProject1下创建一个TwoProject。操作如下图：

回车，等待一会，会自动运行，当看到下图所示，即表示创建项目已经成功

文件夹中：

这里我要插一句，我的手机是一加3T，8.0，在官网中有这样一个步骤

大家看到需要我运行adb reverse tcp:8081 tcp:8081，但实际上，在编译的过程中，自动帮我运行了

这里大家注意下，系统5.0为为分界线的运行方式不同
首先
adb devices
查看是否有可运行的设备。这里我直接用的真机。(手机要打开usb调试哦)

有了真机后，进入到项目cd TwoProject中，运行
react-native run-android

接下来就是等待，我大概等了一分钟，

同时手机界面出现下图，就算是项目运行成功了，接下来就可以写自己的demo了。

关于配置环境中遇到的问题，我会在下一篇中罗列中来，没有的还请大家补充。