工具
我使用的運(yùn)行 macOS 的 Macbook 電腦，React Native 支持 macOS、Linux 和 Windows 操作系統(tǒng)，但是只有在 macOS 環(huán)境下可以編譯和測試 iOS 項(xiàng)目。
之后的操作步驟中，都會(huì)以 macOS 操作系統(tǒng)下的操作為主。
安裝 React Native
0 . 安裝 Homebrew。直接在終端中運(yùn)行以下命令（為區(qū)分終端的輸入與輸出，在輸入命令前會(huì)有 $ 符號，實(shí)際輸入時(shí)請忽略，下同）：
$ /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
1 . 安裝 [Node.js](/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)")，watchman：
$ brew install node
$ brew install watchman
安裝 Node.js 的同時(shí)，npm 也會(huì)被安裝，npm 是 Node.js 的包管理工具。
2 . 安裝 React Native 的命令行工具：
$ npm install -g react-native-cli
安裝 iOS 構(gòu)建工具
1 . 前往 Mac App Store 下載 Xcode。
2 . 創(chuàng)建 React Native 工程，并在 iOS 環(huán)境下運(yùn)行：
$ react-native init AwesomeProject
$ cd AwesomeProject
$ react-native run-ios
3 . 測試。
修改項(xiàng)目根目錄下的 index.ios.js 文件中的內(nèi)容，然后在 iOS 模擬器中按下 Command? + R 鍵刷新，如果界面發(fā)生了變化說明開發(fā)環(huán)境沒有問題。
安裝 Android Studio 構(gòu)建工具
1 . 安裝 Android Studio，Android Studio 提供了 Android SDK 和 Android 虛擬機(jī)。運(yùn)行 Android Studio 之前需要安裝 Java SE Development Kit(JDK)，可以通過在終端中執(zhí)行 $ javac -version 命令來驗(yàn)證 JDK 的安裝。
安裝 Android Studio 時(shí)要記得勾選以下安裝項(xiàng)：
- Android SDK
- Android SDK Platform
- Performance (Intel ? HAXM)
- Android Virtual Device
如果之前已經(jīng)安裝了 Android Studio 并且沒有安裝 HAXM，也可以單獨(dú)進(jìn)行安裝。
2 . 安裝 Android 6.0 (Marshmallow) 的 SDK。
打開 Android Studio ，在 Preferences 中找到 Appearance & Behavior → System Settings → Android SDK。
打開 SDK Platform 選項(xiàng)卡，勾選右下角的 Show Package Details，在列表中勾選以下選項(xiàng)：
- Google APIs
- Intel x86 Atom System Image
- Intel x86 Atom_64 System Image
- Google APIs Intel x86 Atom_64 System Image
打開 SDK Tools 選項(xiàng)卡，勾選右下角的 Show Package Details，在列表中勾選以下選項(xiàng)：
- Build-Tools 23.0.1
點(diǎn)擊 Apply 按鈕并執(zhí)行后面的安裝操作。
3 . 配置一下環(huán)境變量：
$ export ANDROID_HOME=${HOME}/Library/Android/sdk
$ export PATH=${PATH}:${ANDROID_HOME}/tools
$ export PATH=${PATH}:${ANDROID_HOME}/platform-tools
注意，如果你電腦中的 Android SDK 是通過 Homebrew 安裝的，要把環(huán)境變量 ANDROID_HOME 配置為 /usr/local/opt/android-sdk。
4 . 通過終端打開虛擬設(shè)備管理器：
$ android avd
創(chuàng)建，并啟動(dòng)一臺(tái)安卓虛擬機(jī)。
5 . 創(chuàng)建 React Native 工程，并在 Android 環(huán)境下運(yùn)行：
$ react-native init AwesomeProject
$ cd AwesomeProject
$ react-native run-android
6 . 測試。
修改項(xiàng)目根目錄下的 index.android.js 文件中的內(nèi)容，然后在 Android 模擬器中雙擊 R 鍵刷新，如果界面發(fā)生了變化說明開發(fā)環(huán)境沒有問題。
