React-Native开发环境搭建

一、安装必须软件：

1、安装Chocolatey：

Chocolatey是一个Windows上的包管理器，类似于linux上的yum和 apt-get。可以在官方网站下载安装，也可以照着官网上的指示步骤进行安装，一般的安装步骤为：

@powershell -NoProfile -ExecutionPolicy Bypass -Command "iex ((new-object net.webclient).DownloadString('https://chocolatey.org/install.ps1'))" && SET PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin

当然，也可以不安装，如果选择不安装的话，下面的python及Node就到官网下载安装即可（本人就没安装，觉得没必要）

2、安装python：

方法一：如果安装了1步骤的软件，则打开命令提示符窗口，使用Chocolatey来安装Python 2.7

choco install python2

方法二：如果没有安装1步骤的软件，可以直接去官方网站下载安装

3、安装Node：

方法一：如果安装了1步骤软件：打开命令提示符窗口，使用Chocolatey来安装NodeJS。注意，目前已知Node 7.1版本在windows上无法正常工作，请避开这个版本！

choco install nodejs.install

方法二：如果没安装1步骤软件：同样可以在官方网站下载安装

4、安装Android Studio：

注意：React Native目前需要Android Studio2.0或更高版本。

Android Studio需要Java Development Kit [JDK] 1.8或更高版本。你可以在命令行中输入 javac -version来查看你当前安装的JDK版本。如果版本不合要求，则可以到官方网站上下载。 或是使用包管理器来安装（比如choco install jdk8或是 apt-get install default-jdk）

android studio下载地址：http://www.androiddevtools.cn/，这里面有很多版本的android studio，并且有android开发的一些工具，有需要的可以收藏一下此网站，本人觉得还是很有用的，如果不会安装andrioid studio，请参照：http://jingyan.baidu.com/article/ad310e80a9328a1849f49e30.html进行安装

Android Studio包含了运行和测试React Native应用所需的Android SDK和模拟器。

除非特别注明，请不要改动安装过程中的选项。比如Android Studio默认安装了 Android Support Repository，而这也是React Native必须的（否则在react-native run-android时会报appcompat-v7包找不到的错误）。

安装好adnroid studio之后打开软件下载好sdk，sdk切记要23或者23以上，具体步骤如下：找到sdk manager





然后选中你所要下载的sdk即可



安装好sdk后，进行环境配置：

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。

打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建

具体的路径可能和下图不一致，请自行确认。



二、手动测试一下安装环境

这里我们直接init一个react-native项目下来进行测试：

1、在命令行中输入cmd，回车进入命令操作界面

2、自己新建一个文件夹，用来存放react-native项目，文件夹最好用英文名，然后在操作命令界面进入文件夹所在位置(我是在D盘下创建了一个名为”ReactNative”的文件夹)，因此我的操作如下图所示：



3、在操作界面输入：react-native init TestProject，回车



然后稍等几分钟，等出现如下图所示，则表示已经将项目init到指定文件夹中了



4、进入项目文件夹内输入react-native run-android启动程序,这时候一定要确保你的android studio连接了android模拟器或者真机，否则是不会执行成功的(我这里是在android studio上起的模拟器，因为我真机连接不上电脑)



这时你会在手机或者模拟器上看到react-native的欢迎界面，这就证明你的开发环境已经搭建完毕，恭喜你，你可以开发属于你自己的react-native程序咯