Windows7下安装React Native开发环境

我基本是参照React Native中文官网中所写的来安装的。只不过在一台电脑上安装成功了另外一台电脑上没安装成功。据我推测是因为我之前的其他工作的开发环境相冲突（也许也有可能是我的Python环境没有装好）的原因。现在在这里说一下我安装成功的经验。

安装几个必要的组件

Node.js，Python，Android Studio

这三个主要组件都是通过安装包来进行安装。Node.js的版本我选择的是6.10（4.0以上。7.0及以上在Windows上不支持）。Python的版本我选择的是2.7（目前不支持Python3）。Android Studio的版本我选择的是2.1.2（官网建议2.0以上）。当然之所以选择安装包方式安装的原因是命令行安装可能因为要翻墙的缘故比较麻烦

几个主要的配置

Node.js

首先利用命令行cmd将Node.js的镜像切换为国内的镜像。
npm config set registry https://registry.npm.taobao.org –global
npm config set disturl https://npm.taobao.org/dist –global
这个设置的之后就可以避免在初始化项目时出现网络无法连接。注意这个步骤不要和初始化项目分开。因为初始化项目的时候需要的jar包都在国外使用国内镜像可以避免网络故障。

Android SDK和Android Tools环境变量的配置

ANDROID_HOME环境变量的配置。
打开控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量 -> 新建
此处我设置的是用户变量
C:\Users\zhaoAppData\Local\Android\sdk
Android 的两个tools我在用户变量的PATH和系统变量的PATH中均进行了添加。主要是如下两个C:\Users\zhao\AppData\Local\Android\sdk\tools;C:\Users\zhao\AppData\Local\Android\sdk\platform-tools
不同人的电脑当然这个路径也会有所不同。

Yarn、React Native的命令行工具（react-native-cli）

使用命令行工具cmd执行npm install -g yarn react-native-cli

React Native运行在Android Studio上必须要安装的工具

如下图所示选中安装

测试安装

在命令行cmd中执行如下命令
react-native init AwesomeProject
cd AwesomeProject
react-native run-android

后记

在启动项目的时候出错
在执行react-native run-android时execution failed for task ‘appinstallDebug’
com.android.builder.testing.api.DeviceException: No connected devices!
这个错误的原因是说的没有连接到的设备（模拟器）
利用Android Studio启动模拟器之后再运行react-native run-android