React Native环境搭建Android端（Mac版）

1.配置React Native

Homebrew

Mac平台安装Homebrew：
在Mac上则需要安装Homebrew，它和Chocolatey的作用是一样的，在终端输入如下命令即可

/usr/bin/ruby -e "$(curl -fsSLhttps://raw.githubusercontent.com/Homebrew/install/master/install)"

我的Mac系统版本是10.13.3，安装过程中会提示按下return键，这时按下return键会提示输入系统密码，输入密码后会显示安装成功

Python

Mac系统中自带Python的执行环境，因此不需要安装Python 2。

Mac平台安装Node.js：

brew install node

Mac平台在终端输入即可：

npm config set disturl https://npm.taobao.org/dist --global

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

接下来安装Yarn和react-native-cli，Yarn是Facebook提供的替代npm的工具，可以加速node模块的下载。react-native-cli则用于执行React Native的创建、初始化、更新项目、运行打包服务（packager）等任务。

npm install -g yarn react-native-cli

安装完yarn后也要设置镜像源：

yarn config set disturl https://npm.taobao.org/dist --global

配置Android Studio

androidStudio配置

使用React Native创建并运行项目

接下来我们创建和运行项目，在Mac平台的命令提示符窗口进入需要存储React Native项目的文件目录，输入如下语句来创建项目：

react-native init firstProject

这时会在存储文件中生成名为firstProject的项目文件，我们用Android Studio加载firstProject文件中android文件。
接下来运行SDK的模拟器，这里我的模拟器为Android 4.4.4版本的Nexus5。最后输入如下命令来将React Native项目运行到模拟器中

运行RN项目

打开AndroidStudio找到firstProject下的android,点击确定就可以了，这里Glade构建需要一会时间等着就好了。

image.png

到这里代码就动起来了

运行结果

sublime Text3工具下载

http://www.sublimetext.com/3