React Native开发环境配置-Android篇

React Native开发环境配置

Windows Android

所需软件

JDK 1.8+
NodeJS
NPM(安装Node时、已经自动安装了)
Chocolatey(一个Windows上的包管理器)
Python2(据说React Native不支持3版本的)
React Native CLI
Android Studio(用于代码开发、和SDK、Tools、模拟器管理)
Genymotion(Android设备模拟器、也可以用Android Studio 自带的)

安装步骤

1 安装JDK

> 直接下载安装

> 配置环境变量

2 安装NodeJS

直接从官网上下载msi安装包就行了：

Download

3 安装Chocolatey

> 1、用管理员身份运行CMD

> 2、执行以下代码：

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

代码运行完、也就安装好了

4 安装Python2

> 1、用管理员身份重新打开运行CMD

> 2、执行以下代码：

choco install python2

5 安装React Native

> 用NPM全局安装

npm install -g react-native-cli

6 安装Android Studio

从Android Devtool上下载Android Studio

由于这上面下载的都是绿色版的、直接解压、运行bin目录下的exe文件就可以了

> 配置SDK Manager

Configure > SDK Manager > SDK Platforms 选择需要的Android版本

> 勾选 Show Package Details

然后在某个版本下中勾选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

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

然后点击apply按钮、就开始安装刚刚勾选所需要的插件、工具了

7 推荐安装Genymotion模拟器

* 下载和安装Genymotion（genymotion需要依赖VirtualBox虚拟机，下载选项中提供了包含VirtualBox和不包含的选项，请按需选择）。
* 打开Genymotion。如果你还没有安装VirtualBox，则此时会提示你安装。
* 创建一个新模拟器并启动。
* 启动React Native应用后，可以按下F1来打开开发者菜单。

8 创建测试项目、测试环境

打开Genymotion模拟器、创建一个模拟器、然后启动

CMD运行：

react-native init AwesomeProject
cd AwesomeProject
react-native run-android

命令执行完毕、就可以在Genymotion模拟器看到正在运行的react-native项目了

参考资料

React Native中文网