windows下react-native环境配置

react-native环境搭建是一个比较麻烦的过程，主要分为windows和mac两种操作系统。在这两种操作系统上使用JavaScript语言达到android开发和ios开发的效果。

想要弄明白为什么要这样搭建开发环境，就要搞明白使用JavaScript开发媲美原生app的原理---利用JavaScript的语法，调用原生组件进行开发react-native，就是react-native开发的本质。

在windows环境下，我们需要安装哪些应用或软件？

1、需要一个开发工具，个人推荐webstorm，用来编写代码（必需）。2、需要安装NodeJs，这是前端的一大神器，集成大量用于前端开发的具有特定功能的模块。（必需，注意不要在react-native中使用node7.1版本）。3、python2安装，react-native目前不支持python3版本。（必需）。4、jdk1.8版本的安装（安卓开发必备）。5、yarn、react-native-cli安装。6、Android studio2安装，它包含了运行和测试react-native应用所需的Android SDK和模拟器。（必需）。

下面是相应的一些下载地址：

webstorm下载地址：http://www.jetbrains.com/webstorm/download；

java jdk1.8下载地址：http://www.oracle.com/technetwork/java/javase/downloads/index.html；

NodeJs下载地址：http://nodejs.cn/；

python2下载地址：https://www.python.org/getit/；

在以上的应用和软件中，webstorm、NodeJs、python2以及java jdk1.8都应该在相应的官方网站上能够下载安装使用的。我所需要说的是我自己曾经存在疑惑的地方：

第一、环境变量的配置。

为什么要配置环境变量？因为我们要告诉计算机，我们某些工具或者文件放在系统的位置在哪!!

java jdk1.8环境变量的配置：

在默认情况下，我们安装的jdk的路径在C:\Program Files\Java\jdk1.8.0_131

打开：我的电脑\属性\高级系统配置\环境变量\系统变量中

寻找JAVA_HOME变量，然后把安装的jdk路径写在里面，如图所示：

如果不存在JAVA_HOME变量，就证明你之前没有配置过java环境变量，新创建一个JAVA_HOME变量即可。

接着，Path中进行另一个配置。

配置方式就是

打开：我的电脑\属性\高级系统配置\环境变量\系统变量中

找到Path变量，给这个变量多添加一条值-------  .;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

千万注意这个值之前的那个点".";

第二、yarn，react-native-cli的安装，这个比较简单，直接在确保node安装成功之后，node中自带了npm包管理工具，打开cmd命令行，执行npm install -g yarn react-native-cli进行全局安装。

第三、Android studio2安装，这个是安卓开发人员的必备，不足之处是下载的很慢，因为访问的是国外的网站，下载完成之后，需要注意的是：

安装过程中选择Custom选项，如下图：

尽量把所有安装过程中勾选的选项都选中，比如Android SDK和Android device  Emulator。如下图：

在这个过程中，自动安装了Android SDK。

安装完成，在Configure | SDK Manager 中进行配置：

• 在SDK Platforms窗口中，选择Show Package Details，然后在Android 6.0 (Marshmallow)中勾选Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image。

• 在SDK Tools窗口中，选择Show Package Details，然后在Android SDK Build Tools中勾选Android SDK Build-Tools 23.0.1（必须是这个版本）。然后还要勾选最底部的Android Support Repository.

截图如下：

第四、Android studio2安装完成，也就是说明Android SDK 安装完成，我们必须要进行ANDROID_HOME的配置，方法同JAVA_HOME配置方法相同。

具体可参考网址：http://reactnative.cn/docs/0.43/getting-started.html