React Native开发环境搭建

React Native的开发环境搭建，官网有详细的说明，但基于中国的特殊国情，不是太适合我们。

安装一些依赖的工具

安装Node

去官网下载Node的安装文件并安装，安装完成后在终端中运行“node -v”以检查是否成功安装。

安装Python

Python现在有python2和python3，官网推荐使用python2，还是按要求安装吧。

React Native命令行工具

• 正常的安装
  Node集成了npm工具，可以通过npm -v检查npm是否已经集成。运行下面的命令安装React Native CLI

npm install -g react-native-cli

安装成功后的界面类似下图：

安装的地址位于你自己npm的node_modules目录下，如在我的电脑中，位于“C:\Users\lenovo\AppData\Roaming\npm\node_modules\react-native-cli“。

• 使用git安装
  如果通过1不能安装，可以尝试这种方法:
  先建立一个自己希望安装到的目录并进入，如D:\ReactNative

git clone https://github.com/facebook/react-native.git 进入react-native-cli，输入npm install -g

配置Android的开发环境

配置Android的开发环境可能需要翻墙，大家就各展神通吧。

Android的开发环境主要包括Android Studio和Android的SDK，Android Studio的官方安装文档，可以下载一个集成SDK的版本，官方介绍的已经很详细了，不再赘述，下面只讲几点注意事项。

1. React Native命令行需要用到“ANDROID_HOME”这个环境变量，所以需要配置这个环境变量。

   右键点击桌面的“此电脑”选择“高级”，在弹出的“系统”面板中选择“高级系统设置”，接着点击下面的“环境变量”，然后在弹出的“环境变量”中点击“系统变量”下面的新建，输入自己的Android SDK的地址。
   

2. 确保已经配置的AVD
   一定要记得配置了AVD，可以通过Android Studio中的AVD Manager检查是否配置了AVD，或者直接运行下面的命令

    android avd(SDK目录tools下的android.bat)

测试React Native环境

下面的测试就是前篇一律了，粘贴官方的方法：

用 React Native命令行产生一个AwesomeProject的React Native工程，接着运行它。

react-native init AwesomeProjectcd AwesomeProjectreact-native run-android

如果一切正常的话，会很快看到运行在Android模拟器上的一个新应用。

常见的问题是在运行react-native run-android命令后，packager没有自动运行。可以通过手动运行“react-native start”启动它。

常见错误

• failed to find Build Tools revision
  Android的编译版本不对导致的，首先检查下自己下载的SDK支持的版本：

如上图，我的SDK支持的版本为25，编译工具的版本为24.03。

剩下可选的有两种方案，打开“AwesomeProject\android\app\build.gradle“，找到类似这样的描述：

    compileSdkVersion 23    buildToolsVersion "23.0.1"

一种解决方案是下载API 23的SDK以及23.0.1的编译工具，另一种方案是直接将这些值改成我们支持的版本号，如：

    compileSdkVersion 25    buildToolsVersion "24.0.3"