iOS篇
一、安裝Xcode [ 安裝過的跳過此步驟 ]
去App Store直接搜索下載安裝即可。
安裝完打開Xcode，同意協議點下一步就可以了，效果如下：
一、安裝homebrew
Homebrew, 是Mac系統的包管理器，用于安裝NodeJS和一些其他必需的工具軟件。
1, 打開終端（不懂哪里打開的自行百度），輸入：
? ? /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
正常情況如下：
如果出現以下問題，那是你安裝完Xcode沒有打開并同意協議，只要完整做完第一步后重新來問題就解決了。
二、安裝nodeJs
? ? ? ?React Native目前需要NodeJS 5.0或更高版本。本文發布時Homebrew默認安裝的是最新版本，一般都滿足要求。
? ? ? ?1、在終端輸入：brew install node ?就可以開始下載安裝 ,安裝完后輸入node －v 驗證有沒有安裝成功，出現版本號則安裝成功
? ? ? ? 2、安裝完node后建議設置npm鏡像以加速后面的過程（建議，非必需）。
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
三、安裝 Yarn、React Native的命令行工具（react-native-cli）終端輸入：
? ? ? ?npm install yarn react-native-cli -g
? ? ? ?如果你看到EACCES: permission denied這樣的權限報錯，那么請參照上文的homebrew譯注，修復/usr/local目錄的所有權：
? ? ? ? sudo chown -R `whoami` /usr/local
四、安裝watchman［推薦安裝，非必需］，
? ? ? ?Watchman是由Facebook提供的監視文件系統變更的工具。安裝此工具可以提高開發時的性能（packager可以快速捕捉文件的變化從而實現實時刷新）。
終端輸入：brew install watchman ? ? ?效果如下：
五、安裝Flow? ［推薦安裝，非必需］，
? ? ? ?Flow是一個靜態的JS類型檢查工具。譯注：你在很多示例中看到的奇奇怪怪的冒號問號，以及方法參數中像類型一樣的寫法，都是屬于這個flow工具的語法。這一語法并不屬于ES標準，只是Facebook自家的代碼規范。所以新手可以直接跳過（即不需要安裝這一工具，也不建議去費力學習flow相關語法）。
終端輸入：brew install Flow ? ? ?效果如下：
六、測試安裝是否成功
1、初始化一個app ［也就是創建一個react native app］
? ? 1.1? 終端輸入： cd /Volumes/新加卷/projects ? ? ? ? ? ? ?// cd 后面為你的app要放置的目錄
? ? 1.2? 終端輸入： react-native init Tmh ? ? ? ? ? ? ? ? ? ? ? ? ? // 初始化一個app ,Tmh為你的app項目名稱，建議大寫字母開頭，駝峰寫法。［需要等待一段時間，直到完成］
? ? ? ? 1.3? 終端輸入如下命令運行項目：?
如果出現以下錯誤：
用Xcode打開剛才創建的項目，然后運行項目，會出現報錯提示，如下
將出錯的地方注釋掉重新點擊Xcode的運行按鈕就可以運行成功，效果如下：（iOS的環境就搭建完了）
android 篇
一、安裝JDK
? ? ? ? 去Java官網下載列表選擇Mac OS X x64版 下載安裝
安裝完在終端輸入 java －version 驗證是否安裝成功，如果出現如下結果［版本號可以不一樣］，則說明成功
2.安裝Android SDK
? ?雖然現在react native官網 ?推薦使用Android Studio，但是我還是選擇了單獨安裝Android SDK
1、在終端輸入：brew install android-sdk 進行安裝android sdk
2、設置“ANDROID_HOME”環境變量的問題了，由于第一步我們是使用brew來安裝android-sdk的，所以安裝位置在“/usr/local/opt/android-sdk”
先在 終端輸入 ? cd~ 進入根目錄
然后如果目錄下不存在.bash_profile文件，則創建該文件：? ? 終端輸入 touch .bash_profile
然后打開該文件? ? ? 終端輸入： open .bash_profile
在打開的文件中復制以下內容粘貼
export ANDROID_HOME=/usr/local/opt/android-sdk
export PATH=${PATH}:${ANDROID_HOME}/tools
export PATH=${PATH}:${ANDROID_HOME}/platform-tools
然后保存退出［command ＋ s保存，點擊打叉關閉］
另開一個終端，在終端輸入：android? ? ? ? ? ? 如果能打開android sdk? 說明環境變量設置成功。選擇如下紅框的選項，點擊右下角的install按鈕進行安裝。
安裝完成后關閉，
在終端中輸入：android avd 打開模擬器管理器
在打開的窗口中點擊新建，新建一個android 模擬器，如下所示
然后一路OK下去，回到模擬器列表窗口，選中剛創建到模擬器，點擊右邊的start按鈕，打開模擬器，過幾分鐘，模擬器就打開了,如下
然后新開一個終端，切換到項目所在目錄，輸入react-native run-android 運行項目，第一次運行會比較慢，請耐心等待：
如果出現以下報錯：
在終端輸入：export ANDROID_HOME=/usr/local/opt/android-sdk 重設下安卓環境變量，然后重新運行項目
Android 真機調試
示例 APP 直接部署到真機，紅色界面報錯，無法連接到 Debug Server。
如果是 5.0 或者以上機型，可通過 adb 反向代理端口，將 Mac 端口反向代理到測試機上。
adb reverse tcp:8081 tcp:8081
－－未完待續－－
