工具
我使用的運(yùn)行 macOS 的 Macbook 電腦该互，React Native 支持 macOS米者、Linux 和 Windows 操作系統(tǒng)韭畸，但是只有在 macOS 環(huán)境下可以編譯和測(cè)試 iOS 項(xiàng)目宇智。
之后的操作步驟中，都會(huì)以 macOS 操作系統(tǒng)下的操作為主胰丁。
安裝 React Native
0 . 安裝 Homebrew随橘。直接在終端中運(yùn)行以下命令（為區(qū)分終端的輸入與輸出，在輸入命令前會(huì)有 $ 符號(hào)锦庸，實(shí)際輸入時(shí)請(qǐng)忽略机蔗，下同）：
$ /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 . 測(cè)試。
修改項(xiàng)目根目錄下的 index.ios.js 文件中的內(nèi)容怪得，然后在 iOS 模擬器中按下 Command? + R 鍵刷新咱枉，如果界面發(fā)生了變化說(shuō)明開(kāi)發(fā)環(huán)境沒(méi)有問(wèn)題。
安裝 Android Studio 構(gòu)建工具
1 . 安裝 Android Studio徒恋，Android Studio 提供了 Android SDK 和 Android 虛擬機(jī)蚕断。運(yùn)行 Android Studio 之前需要安裝 Java SE Development Kit(JDK)，可以通過(guò)在終端中執(zhí)行 $ javac -version 命令來(lái)驗(yàn)證 JDK 的安裝入挣。
安裝 Android Studio 時(shí)要記得勾選以下安裝項(xiàng)：
- Android SDK
- Android SDK Platform
- Performance (Intel ? HAXM)
- Android Virtual Device
如果之前已經(jīng)安裝了 Android Studio 并且沒(méi)有安裝 HAXM亿乳，也可以單獨(dú)進(jìn)行安裝。
2 . 安裝 Android 6.0 (Marshmallow) 的 SDK径筏。
打開(kāi) Android Studio 葛假，在 Preferences 中找到 Appearance & Behavior → System Settings → Android SDK。
打開(kāi) 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
打開(kāi) 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 是通過(guò) Homebrew 安裝的，要把環(huán)境變量 ANDROID_HOME 配置為 /usr/local/opt/android-sdk遏暴。
4 . 通過(guò)終端打開(kāi)虛擬設(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 . 測(cè)試州丹。
修改項(xiàng)目根目錄下的 index.android.js 文件中的內(nèi)容，然后在 Android 模擬器中雙擊 R 鍵刷新杂彭，如果界面發(fā)生了變化說(shuō)明開(kāi)發(fā)環(huán)境沒(méi)有問(wèn)題墓毒。
