1. 程式人生 > >《ReactNative》mac ios開發環境搭建

《ReactNative》mac ios開發環境搭建

1.安裝XCode

    React Native目前需要Xcode 8.0 或更高版本。你可以通過App Store或是到Apple開發者官網上下載。這一步驟會同時安裝Xcode IDE和Xcode的命令列工具。

雖然一般來說命令列工具都是預設安裝了,但你最好還是啟動Xcode,並在Xcode | Preferences | Locations選單中檢查一下是否裝有某個版本的Command Line Tools。Xcode的命令列工具中也包含一些必須的工具,比如git等。

2.安裝Homebrew

    HomebrewMac系統的包管理器,用於安裝NodeJS和一些其他必需的工具軟體。在終端輸入以下命令安裝。

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

安裝的時候可能會出現以下錯誤:

remote: Counting objects: 98841, done.remote: Compressing objects: 100% (35/35), done.error: RPC failed; curl 18 transfer closed with outstanding read data remainingfatal: The remote end hung up unexpectedly
fatal: early EOFfatal: index-pack failedFailed during: git fetch origin master:refs/remotes/origin/master --tags --force出現這種錯誤,就是因為curl的postBuffer預設值太小的原因,重新在終端配置一下這個值就可以了。設定git快取大小,在終端輸入:git config http.postBuffer 1048576000注意:在Max OS X 10.11(El Capitan)版本中,homebrew在安裝軟體時可能會碰到/usr/local目錄不可寫的許可權問題。可以使用下面的命令修復:
sudo chown -R `whoami` /usr/local安裝成功之後 終端輸入brew有反應

3.安裝Node

React Native目前需要NodeJS 5.0或更高版本。Homebrew預設安裝的是最新版本,一般都滿足要求。brew install nodenode -v安裝完node後建議設定npm映象以加速後面的過程(或使用科學上網工具)。注意:不要使用cnpm!cnpm安裝的模組路徑比較奇怪,packager不能正常識別!npm config set registry https://registry.npm.taobao.org --globalnpm config set disturl https://npm.taobao.org/dist --global

4.安裝watchman

watchman是由Facebook提供的監視檔案系統變更的工具。安裝此工具可以提高開發時的效能(packager可以快速捕捉檔案的變化從而實現實時重新整理)。譯註:此工具官方雖然是推薦安裝,但在實踐中,我們認為此工具是必須安裝,否則可能無法正常開發。

brew install watchman

5.安裝react-native-cli

npm install -g react-native-cli

初始化一個專案並執行

react-native init Testcd Testreact-native run-ios