檢測是否配置了Homebrew

brew -v

若沒有版本號則是沒有安裝；訪問http://brew.sh/拷貝安裝命令
在終端執行該命令

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

版本號 安裝其他的依賴插件

安裝node

brew install node

如何更新node?

node -v  // 查看當前版本
sudo npm cache clean -f   
sudo n stable   // 安裝一個穩定版本

安裝 watchman和flow

brew install watchman
brew install flow

安裝react-native-cli命令行工具(-g表示全局安裝)

npm install -g react-native-cli

如果在安裝的過程中提示需要管理員權限,給命令添加sudo

sudo  npm install -g react-native-cli

通過終端創建第一個React Native的項目

react-native init ReactDemo

創建第一個項目.png

切換到對應目錄打開ReactDemo.xcodeproj,運行自己的第一個react native項目

運行成功.png

React-Native服務在編寫過程中要一直開著

Paste_Image.png

如果不小心關掉,可以在終端輸入

npm start

來重新開啟服務

安裝過程中可能遇到的一些問題

Paste_Image.png

解決辦法:

sudo chown -R $USER /usr/local/lib /usr/local/include /usr/local/bin /usr/local/Cellar

Paste_Image.png