前言
最近公司可能會用到React Native，所以先搭個環(huán)境先看看，用到的工具主要有以下幾個：
-
Homebrew 是一個方便開發(fā)者在Mac OS X系統(tǒng)上面安裝Linux工具包的Ruby腳本工具，主要用于安裝后面需要安裝的Watchman、Flow ，而Mac OS X下已經(jīng)內(nèi)置了Ruby的解釋環(huán)境.
因此安裝Homebrew只需在Mac終端下執(zhí)行以下命令：
ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
- [Node.js](https://nodejs.org/) 是一個Javascript運行環(huán)境(Runtime)，執(zhí)行Javascript的速度非?？?性能非常好，用于方便地搭建響應(yīng)速度快、易于擴展的網(wǎng)絡(luò)應(yīng)用。Node.js 使用[事件驅(qū)動](http://baike.baidu.com/view/536048.htm),非阻塞[I/O](http://baike.baidu.com/subview/300881/11169495.htm) 模型而得以輕量和高效，非常適合在分布式設(shè)備上運行的數(shù)據(jù)密集型的實時應(yīng)用。
安裝Node.js在終端下執(zhí)行以下命令：
brew install node
- [Watchman](https://facebook.github.io/watchman/) 是Facebook開源的一個文件監(jiān)控服務(wù)，React Native 用它來檢測代碼變化，以便重新編譯。
安裝Watchman在終端下執(zhí)行以下命令：
brew install watchman
- 接下來是安裝react-native-cli，安裝比較簡單：
npm install -g react-native-cli
NPM 是 Node 的包管理器。你可以將它想象成 Ruby 中的 RubyGems、iOS 的 CocoaPods，以及 Java 中的 Gradle/Maven 等。它能夠讓你更容易地下載和管理項目所需的任何相關(guān)項。
***
[React Native](https://facebook.github.io/react-native/docs/getting-started.html) 安裝環(huán)境到這里基本就配置好了，下面創(chuàng)建一個iOS的例子，在終端中將目錄切換到你保存工程的目錄，然后執(zhí)行如下的命令：
react-native init ReactNativeProject
> 注：創(chuàng)建工程由于需要加載很多包，所以會比較慢一點。此命令建的工程默認在 /Users/[你的用戶名]下，**ReactNativeProject**為創(chuàng)建的iOS工程名稱。
最后打開iOS工程：
open ios/ReactNativeProject.xcodeproj
直接在Xcode上點擊Run運行工程(需要加載Shell腳本會比較慢一點)，但如無意外會報以下錯誤：
出現(xiàn)以下錯誤，如果前面安裝都正確的話，基本上是由于地址不對，但是為了保險起見，還是在終端下執(zhí)行以下命令：
npm start
然后在**AppDelegate**里面修改jsCodeLocation地址：
>注明：React創(chuàng)建的工程沒有針對iOS9下https做處理，因此請在手動在**Info.plist**文件App Transport Security Settings項，增加Allow Arbitrary Loads=YES
最終運行效果如下：
