前提條件：蘋果電腦，Mac系統

我決定先學習關於ios開發的知識，等學會使用React Native開發出一個Ios應用程式之後，再學習關於Android的部分

所以這裡只記錄了ios的開發環境搭建。

下面有不明白的，請留言

第一步：安裝Homebrew

Homebrew 安裝命令 ：http://brew.sh/

可能遇到的問題：網路環境不好的情況下可能會安裝失敗，提示訪問某個網站失敗（英文提示，具體的我也忘了）

第二步：安裝node

命令列輸入

brew install node 

根據網路情況，安裝速度可能有差異，建議使用科學上網工具

第三步：安裝Watchman（也可以不安裝，推薦安裝）

brew install watchman

安裝flow(推薦安裝，也可以不安裝)

brew install flow

第四步：配置映象源,加速下載

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

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

第五步 

npm install -g yarn react-native-cli

或者  npm install -g react-native-cli

第六步 ：安裝xcode(，請安裝最新的穩定版本，官網說7.0以上。其實現在的React Native最新的0.39版本，至少需要Xcode8.0,不然編譯不通過)，安裝中文官網上說的貌似需要安裝命令列工具，git。因為之前做ios開發，所以這些都有

安裝完上面的4個軟體後，ios模組的配置就完成了

第六部：建立第一個工程，測試一下

react-native init HelloWorld

cd HelloWorld

react-native run-ios

正常情況執行完react-native run-ios會出現下面的介面。證明安裝成功

（大部分情況下執行react-natve run-ios會報各種錯誤

官網說是xcode7.0以上就可以了。但是我的會報語法錯誤。編譯不通過，更別說運行了。這時候請把Xcode更新到最新，目前至少Xcode8吧）

之前我的是xcode7.2,按照官網安裝一直報錯，各種錯誤，我解除安裝安裝重複了至少4遍，還是不行。最後還是需要跟新XCode8

注意：對於上面的每一步安裝，都要確保安裝成功後再進行下一步操作，不然，很多錯聚集在一起，真的不好解決

常見問題：

（1）Xcode 點選run過後報clang語法錯誤

  解決：Xcode版本更新到最新

下面是我遇到的部分問題。

（1）建立工程react-native init HelloWorld報警告

解決：之前就是因為這個原因沒有重視，感覺只是警告沒太大關係，然後就沒有管。然後進行到

react-native run-ios這一步的時候就報錯了就是問題（3）

現在回來先把這個問題處理了，估計問題（3）的問題也就解決了。

問題（2）使用react-native init HelloWorld

建立專案的時候，出現：

npm WARN React[email protected] requires a peer of [email protected]~15.3.1 but none was installed.

解決方案： npm install -save [email protected]~15.3.1

問題（3）雖然在官方文件中提到可以用react-native run-ios命令執行，但在試驗過程中一直未能成功，報ENOENT: no such file or directory, uv_chdir錯誤，原因未明。

解決方案：官方給的最新版 react Native 0.39 是不行的 降了版本就好了

首先可以看一下當前的版本react-nativeversion

降級：（下載指定版本也是這個語句）npm install --save [email protected]版本號

然後需要更新一下模板：react-native upgrade

之後可以再檢視一下當前的版本，看看是否降級成功。

然後再次執行react-native run-ios

需要等待一會。執行成功

但是模擬器顯示下面的介面：

解決：該問題一般都是因為當前已經開啟某個專案的react-native server，所以只要關閉然後重新執行新專案就可以了。

在服務程序中搜索檢查在其中一個bash終端中執行的節點伺服器，這可能是由您之前啟動的上一個ReactNative XCode專案踢了。 停止該程序並再次執行XCode專案，這應該解決問題。

react-native run-ios

（1）原因一：網路不通暢也會出現上面的介面

（2）原因二：沒啟動RN伺服器。開啟終端，在工程根目錄中執行

不用擔心，其實只要你切到專案的根目錄，命令列輸入

npm  start 就行了（這是老版本）

react-native start(新版本)

錯誤3 DeprecationWarning: os.tmpDir() is deprecated. Use os.tmpdir() instead.

解決方案：網上沒有找到具體解決方案。我把node解除安裝又重新安裝了一遍，就沒有這個錯誤了

參考：

React Native中文官網的環境搭建文件和視訊一步步操作