Mac上搭建React Native開發環境

前面我們介紹過在window環境下開發react native專案，今天說說怎麼在mac上搭建乙個rn的開發環境。

然後一路回車

最後出現success，就表示安裝成功了。

安裝完成後，可以用brew doctor命令檢測下是否有什麼衝突的地方。關於homebrew其他的介紹可以自行檢視官網資料。

react native 需要 nodejs 4.0或更高版本，homebrew的node預設包是6.0版本的，所以直接安裝即可：

之前我們說過npm是乙個包管理工具，它是用來管理node的，詳細介紹請看npm詳解

命令列工具可以輕鬆建立和初始化工程：

npm install -g react-native -cli

注：如果出現錯誤 :eacces: permission denied,使用命令: sudo npm install -g react-native-cli.

npm install -g yarn react-native -cli

whtchman是facebook開發的乙個檢測檔案系統變化的工具，在rn開發中可以檢測js檔案等是否有變化，從而達到儲存及編譯的效果。這個在windows中也有，個人覺得可裝也可以不裝，直接手機上reload也是可以的。

brew install watchman

靜態型別檢查工具

brew install flow

facebook推出的一款react native整合開發環境(ide)，不過我不太喜歡，我一般用webstorm+android/ios 的ide。

每次學習一門新的語言，我們總是總喜歡來乙個helloword。

react-native init helloword cd helloword react-native run-ios

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

關於在mac上怎麼搭建android的執行環境這裡不在講解，大家可以看看我之前的文章react 和android的整合，這篇文章也是補了之前rn在windows環境下開發，而沒有在mac下開發，後面我們將講解怎麼在mac上開發一款rn應用。