文/anMoo韓魔
React Native 搭建開發(fā)環(huán)境
安裝必須的軟件
一、Homebrew
Homebrew Mac系統(tǒng)的包管理器财岔,用于安裝NodeJS和一些其他必需的工具軟件风皿。
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
在Max OS X 10.11(El Capitan)版本中河爹,homebrew在安裝軟件時可能會碰到/usr/local目錄不可寫的權(quán)限問題桐款。可以使用下面的命令修復:
sudo chown -R `whoami` /usr/local
二媳维、Node
使用Homebrew來安裝Node.js.
React Native目前需要NodeJS 5.0或更高版本遏暴。本文發(fā)布時Homebrew默認安裝的是最新版本,一般都滿足要求朋凉。
brew install node
安裝完node后建議設置npm鏡像以加速后面的過程(或使用科學上網(wǎng)工具)。注意:不要使用cnpm墓毒!cnpm安裝的模塊路徑比較奇怪亲怠,packager不能正常識別!
npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global
三赁炎、Yarn、React Native的命令行工具(react-native-cli)
Yarn是Facebook提供的替代npm的工具讥裤,可以加速node模塊的下載姻报。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化吴旋、更新項目、運行打包服務(packager)等任務治拿。
npm install -g yarn react-native-cli
如果你看到EACCES: permission denied
這樣的權(quán)限報錯笆焰,那么請參照上文的homebrew譯注,修復/usr/local
目錄的所有權(quán):
sudo chown -R `whoami` /usr/local
四、Xcode
React Native目前需要Xcode 7.0 或更高版本荞驴。你可以通過App Store或是到Apple開發(fā)者官網(wǎng)上下載贯城。這一步驟會同時安裝Xcode IDE和Xcode的命令行工具。
雖然一般來說命令行工具都是默認安裝了能犯,但你最好還是啟動Xcode,并在Xcode | Preferences | Locations菜單中檢查一下是否裝有某個版本的Command Line Tools挎峦。Xcode的命令行工具中也包含一些必須的工具合瓢,比如git等透典。
推薦安裝的軟件
Watchman
Watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具。安裝此工具可以提高開發(fā)時的性能(packager可以快速捕捉文件的變化從而實現(xiàn)實時刷新)峭咒。
brew install watchman
Flow (本地未安裝)
Flow是一個靜態(tài)的JS類型檢查工具。譯注:你在很多示例中看到的奇奇怪怪的冒號問號则果,以及方法參數(shù)中像類型一樣的寫法漩氨,都是屬于這個flow工具的語法。這一語法并不屬于ES標準叫惊,只是Facebook自家的代碼規(guī)范。所以新手可以直接跳過(即不需要安裝這一工具抡草,也不建議去費力學習flow相關語法)蔗坯。
brew install flow
Nuclide
Nuclide(此鏈接需要科學上網(wǎng))是由Facebook提供的基于atom的集成開發(fā)環(huán)境,可用于編寫宾濒、運行和 調(diào)試React Native應用。
點擊這里閱讀Nuclide的入門文檔答姥。
測試安裝
react-native init AwesomeProject
cd AwesomeProject
react-native run-ios
你也可以在Nuclide中打開AwesomeProject
文件夾 然后運行,或是雙擊ios/AwesomeProject.xcodeproj
文件然后在Xcode中點擊Run
按鈕尚粘。
上面命令中的AwesomeProject
是項目名稱敲长,可以自定義。
cd AwesomeProject
是項目的目錄地址祈噪,根據(jù)實際項目的地址填寫。