React Native使你能夠在Javascript和React的基礎上獲得完全一致的開發體驗，構建世界一流的原生APP。React Native著力于提高多平臺開發的開發效率 —— 僅需學習一次，即可編寫任何平臺的APP應用。React Native由Facebook創立，Facebook已經在多項產品中使用了React Native，并且將持續地投入建設React Native。本節會幫助你搭建基本的React Native開發環境。

在搭建React Native開發環境之前，我們需要提前在Mac電腦上預裝幾個工具軟件，這幾個軟件都是Mac平臺下開發React Native所必須的。

Homebrew

Homebrew是Mac OS X系統的包管理器，用于安裝Node.js和一些其他必需的工具軟件，號稱Mac系統下不可或缺的套件管理器，用來安裝套件十分方便。

Homebrew的安裝十分方便，將下面腳本拷貝到終端里面，執行完畢之后安裝完成了。

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

安裝完成后，我們可以執行如下命令查看是否安裝成功，該命令執行成功后，可以查看Homebrew的版本號。

brew --version

如果我們之前已經安裝過Homebrew，也可以執行如下命令升級Homebrew的版本。

brew update

Node.js

接下來我們需要安裝JavaScript的運行環境。在終端中執行如下命令安裝Node.js，運行結果如下所示。

brew install node

Node.js安裝完成后，可以嘗試把NPM的安裝源替換成國內的地址，這樣可以提高React Native依賴組件的下載速度。NPM是隨同Node.js一起安裝的包管理工具。

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

Node.js安裝完成后，可以執行如下命令查看Node.js版本。需要確認Node.js的版本高于4.0，如果低于4.0，則需要手工升級Node.js版本。

node -v

執行如下命令升級Node.js版本。

npm install -g n
sudo n stable

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

React Native的命令行工具--react-native-cli，可以用于執行創建、初始化、更新項目、運行打包服務（packager）等任務，可以通過NPM來安裝React Native的命令行工具，安裝成功后可以看到如下提示。命令中"-g"參數表示安裝的命令行工具應用到全局環境，可以在任何目錄都能執行react-native命令。

npm install -g react-native-cli

Xcode

Xcode是蘋果公司向開發人員提供的集成開發環境(IDE)，用于開發MacOS，iOS，iWatch， AppleTV的應用程序。Xcode只能運行在蘋果公司的Mac操作系統上運行。React Native目前需要Xcode 7.0 或更高版本，可以通過App Store或是到Apple開發者官網上下載。

Flow

Flow是Facebook推出的一款開源JavaScript靜態類型檢查器, 旨在發現JavaScript程序中的類型錯誤, 以提高程序員的效率和代碼質量。我們可以通過brew來安裝Flow，安裝成功后可以看到如下提示。

brew install flow

開發IDE--Nuclide

集成開發環境（IDE，Integrated Development Environment ）是用于提供程序開發環境的應用程序，一般包括代碼編輯器、編譯器、調試器和圖形用戶界面等工具。一般來說一個好的IDE能極大的提高我們的開發效率。Facebook官方推薦Nuclide(https://nuclide.io)作為開發React Native的IDE。

Nuclide是由Facebook提供的一款基于Atom的開源集成開發環境（IDE），可用于編寫、運行和調試React Native應用，該項目的官方地址為：https://github.com/facebook/nuclide。Nuclide同時支持MAC OS X和Linux平臺。我們按照下面的步驟安裝Nuclide。

1. 下載Atom安裝文件，可以訪問Atom官網下載鏈接https://atom.io/download/mac。
2. 雙擊下載得到的Atom安裝文件，可以得到Atom.app，移動到應用程序目錄。
3. 打開Atom，選擇【Atom】->【Preferences】。
4. 在Settings選擇【Install】。
5. 在搜索框中輸入“Nuclide”按回車開始搜索。
6. 點擊安裝Nuclide包。

安裝成功后，可以顯示如下提示界面。

測試開發環境

安裝完上述幾個軟件后，我們就可以通過react-native命令來創建一個測試項目，并運行看看效果。

• 首先通過react-native命令行工具創建了一個AwesomeProject項目。

react-native init AwesomeProject

• 進入AwesomeProject工程目錄。

cd AwesomeProject

• 執行如下命令來運行程序，此時iOS模擬器會自動啟動。

react-native run-ios

如果看到iOS模擬器顯示如下界面就要恭喜你了，它表示已經成功地搭建的React Native的開發環境，接下來將正式開始我們的React Native之旅。

---