這里記錄一下在Mac系統下搭建React Native開發環境的過程:
1. 安裝HomeBrew:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
安裝完后如下所示:
\
可使用命令:”brew -v“查看其版本。
2. 安裝Node.JS: brew install node,也可以在node.js官網下載pkg安裝包進行安裝。
3. 安裝React Native的命令行工具:(需要sudo來安裝,有些目錄需要高級權限)
4. 安裝Watchman,它是由Facebook提供的監視文件系統變更的工具。(下面兩個工具推薦安裝)
brew install watchman
5. 安裝Flow,它是一個靜態的JS類型檢查工具,可方便找出代碼中可能存在的類型錯誤。
brew install flow
6. 接下來就可以創建項目了:
出現這個錯誤,需要檢查一下node版本,需要4.0以上。(之前的node使用了系統原來的--v0.4.1,這里修改PATH環境變量,指向我們安裝的。)
再次運行,出現如下錯誤:
安裝nvm:
curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.32.1/install.sh | bash
安裝cnpm:
sudo npm install cnpm -g
安裝invariant:
npm install invariant -g
再次運行:
新建項目成功,看看目錄結構:
在新建項目成功后,react也告訴我們該怎么運行:react-native run-***。
注意,使用小米手機,需要在開發者模式把"MIUI優化"關閉,否則,無法直接安裝apk:
現在進入項目根目錄執行"react-native run-android",可以看到,rn服務器端首先被啟動:
然后從jenter下載必須的依賴包並開始編譯:
啟動過程中輸出:
安裝完后,手機截圖如下:
類似,也可以執行"react-native run-ios"來打開模擬器運行,或直接打開xcode項目來run。