MAC搭建React Native开发环境

一、环境需求

1.1安装Homebrew,在终端中执行

ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

1.2安装npm和Node.js

node安装成功后npm自动也就有了，如果直接安装慢可以把包先下下来网址：https://nodejs.org/en/download/

brew install node

1.3安装WatchMan

安装此工具可以提高开发时的性能

brew install watchman

二、React Native 安装

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

Yarn是Facebook提供的替代npm的工具

sudo npm install -g yarn react-native-cli

三、ios开发环境需求

Xcode 8 及其以上更高版本

四、Android开发环境需求

4.1 安装最新JDK

你可以在命令行中输入javac -version来查看你当前安装的JDK版本。
下载安装地址：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

4.2 安装Android studio，在安装过程中请严格执行以下选项：

1)下载安装好Android studio,选择 Custom 选项

2）勾选Performance和Android Virtual Device

3）安装完成后，在Android Studio的启动欢迎界面中选择Configure | SDK Manager

4）在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。

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

6）ANDROID_HOME环境变量

确保ANDROID_HOME环境变量正确地指向了你安装的Android SDK的路径。具体的做法是把下面的命令加入到~/.bash_profile文件中，使用vi ~/.bash_profile。

export ANDROID_HOME=~/Library/Android/sdk

然后使用下列命令使其立即生效：

source~/.bash_profile

4.3 安装Genymotion

Genymotion是一个第三方模拟器，它比Google官方的模拟器更易设置且性能更好。但是，它只针对个人用户免费。

1）下载并安装Genymotion

https://www.genymotion.com/

2）打开Genymotion,如果你尚未安装VirtualBox,它有可能会提示你安装

3）创建一个模拟器并启动

4）按下⌘+M可以打开开发者菜单(在安装并启动了React Native应用之后)