在Mac搭建react-native iOS開發環境

針對純新手的一篇文章。

假設有一臺剛剛重灌系統的mac。或者嶄新的mac電腦。

中文網搭建開發環境

官方網站教程

按照官方教程，需要使用homebrew安裝node和watchman。

1. 開啟終端，檢視電腦是否安裝homebrew

brew -v

未安裝

2.如果沒有安裝，則需要安裝homebrew

homebrew官網

開啟官網檢視安裝方法，貼上指令到終端

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

出現提示點選Enter鍵繼續，其他按鍵退出安裝

輸入電腦密碼，輸入過程中，此處不會變化，輸入完畢點選回車即可

如果電腦沒有安裝好Xcode，可能出現這個問題，需要安裝Xcode完畢後，再次安裝homebrew

3.安裝xcode

開啟appstore，搜尋xcode

選擇Xcode點選安裝

安裝過程中，需要輸入Apple ID，輸入自己已有的賬號即可。

4.xcode安裝元件

Xcode安裝完畢後，需要開啟執行一下，這個時候會提示需要安裝一些元件，點選同意即可

安裝元件

Xcode安裝成功

5.開啟終端，再次執行安裝homebrew的指令

等待安裝成功

6.使用homebrew安裝node

brew install node

7.安裝watchman

brew install watchman

8.（可選）設定映象或者科學上網，以加速後面的安裝過程

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

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

9.下載yarn

npm install -g yarn react-native-cli

10.設定yarn映象

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

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

11. 建立專案

react-native init AwesomeProject

12.環境搭建完畢