1.安裝Homebrew

homebrew是OS X的套件管理器

• 安裝方式：
  復制：/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"到終端，回車執行。

• 驗證安裝成功與否：
  終端鍵入brew -v出現如下圖則表示安裝成功：

努力一定會成攻

有關homebrew更多的用法請點擊這里或者這里

2.安裝Node.js

• 安裝方式：
  來到官網下載界面，選擇對應版本自動下載。

美到流產

下載的pkg格式文件點擊安裝即可。

安裝了node.js自動就有了npm，npm是node的模塊管理器，npm的背后有一個強大的數據庫，里面存儲了每個包的詳細信息（版本、授權信息等）。

• 更新npm方式：
  sudo npm install npm -g

3.安裝WatchMan

用于監控bug文件及其變化，而且還能觸發指定的操作。

• 安裝方式：
  在終端鍵入：brew install watchman，回車執行。
  出現下圖結果表示安裝成功。

努力再次成攻

4.安裝Flow（可選）

JavaScript的靜態類型檢查器

• 安裝方式：
  在終端鍵入：brew install flow，回車執行。
  出現下圖結果表示安裝成功。

高傲的雞

5.安裝React Native

環境要求：

1. iOS需要Xcode7以上的版本;
2. Android需要最新的JDK，JDK下載請點擊這里到Oracle官方下載界面下載。

• 安裝方式：
  打開終端鍵入：npm install -g react-native-cli，回車執行。

注：

由于網絡原因需要把npm的國外倉庫源替換為國內的鏡像。

• 替換方法：

1. 終端鍵入npm config set registry https://registry.npm.taobao.org，回車；
2. 鍵入npm config set disturl https://npm.taobao.org/dist，回車。

創建第一個React Native項目

cd到指定目錄，在終端使用react-native init 項目名，回車，等待時間較長。終端出現如下結果表示安裝成功：

清者自清

對應的AAA項目文件夾下會出現如下列表：

嘻嘻嘻

在Xcode和Android Studio上運行項目

注：在運行時，會另起一個終端窗口，并啟動了一個服務器，這個窗口不可關閉！！

后果自負

• iOS：
  可以直接運行，iOS文件夾下的項目文件 AAA.xcodeproj ，運行結果如下：

陰者自陰

• Android：
  用Android Studio打開android文件夾即可，剛開始會報如下錯誤：

時常告訴自己要堅強

人生如戲

運行結果如下：

哭成一雙青蛙眼