配置mac開發(fā)環(huán)境
(剛開始學(xué)習(xí)RN拍嵌,隨記一下環(huán)境搭建)
1. 基本環(huán)境安裝
先安裝Homebrew:用于安裝NodeJS和其他工具绪妹。
注:Homebrew詳解,對(duì)這個(gè)比較了解的略過,我也是用mac沒多久,這里給小白普及下崇裁。
Homebrew全稱Homebrew is the easiest and most flexible way to install the UNIX tools Apple didn’t include with OS X。是一個(gè)包管理器束昵,用于在Mac上安裝一些OS X沒有的UNIX工具(比如著名的wget)拔稳,Homebrew將這些工具統(tǒng)統(tǒng)安裝到了 /usr/local/Cellar 目錄中,并在 /usr/local/bin 中創(chuàng)建符號(hào)鏈接锹雏。
- 安裝Homebrew:
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
*中途會(huì)要求你輸入本機(jī)密碼
然后一路回車!
*安裝完成后巴比,可以用brew doctor命令檢測(cè)下是否有什么沖突的地方;關(guān)于Homebrew其他的介紹可以自行查看官網(wǎng)資料
2. 安裝 Node.js
React Native 需要 NodeJS 4.0或更高版本,Homebrew的Node默認(rèn)包是6.0版本的轻绞,所以直接安裝即可:
*brew install node
到此環(huán)境就配置好了采记!
但是,轉(zhuǎn)折...
由于npm 是Nodejs平臺(tái)的一個(gè)包管理工具政勃,它將模塊放在一個(gè)nodejs可以找到的地方唧龄,并且能夠機(jī)智的管理依賴中間的沖突。它極其的具備可配置性,支持廣泛的應(yīng)用情況稼病,通常它被用來 發(fā)布,發(fā)現(xiàn),安裝和開發(fā)node程序选侨,命令行工具可以輕松創(chuàng)建和初始化工程。
3.安裝React Native 命令行工具npm
命令行工具可以輕松創(chuàng)建和初始化工程:
*npm install -g react-native-cli
*注:如果出現(xiàn)錯(cuò)誤 :EACCES: permission denied,使用命令: sudo npm install -g React-native-cli.
4.建議安裝
Yarn
Yarn是Facebook提供的替代npm的工具然走,可以加速node模塊的下載。React Native的命令行工具用于執(zhí)行創(chuàng)建戏挡、初始化芍瑞、更新項(xiàng)目、運(yùn)行打包服務(wù)(packager)等任務(wù)褐墅。
*npm install -g yarn react-native-cli
Watchman
Whtchman是Facebook開發(fā)的一個(gè)檢測(cè)文件系統(tǒng)變化的工具拆檬,在RN開發(fā)中可以檢測(cè)js文件等是否有變化,從而達(dá)到保存及編譯的效果妥凳。這個(gè)在windows中也有竟贯,個(gè)人覺得可裝也可以不裝,直接手機(jī)上reload也是可以的逝钥。
*brew install watchman
Flow
靜態(tài)類型檢查工具
*brew install flow
Nuclide
Facebook推出的一款React Native集成開發(fā)環(huán)境(IDE)屑那,不過個(gè)人不太喜歡颖医。
5. 快速開發(fā)React Native
學(xué)習(xí)一門新的語言扯再,我們總是總喜歡來一個(gè)HelloWord。
*react-native init HelloWord
(此步會(huì)從npm服務(wù)器下載我們項(xiàng)目所需要的包殴蹄,npm服務(wù)器是架在國(guó)外的哗咆,所以國(guó)內(nèi)訪問速度可能不是很好蜘欲,想提高訪問速度的話可以使用下面的淘寶鏡像替換。)
*cd HelloWord
*react-native run-ios(或者直接打開xcode.project)
*注:也可以用Xcode打開iOS/HelloWord.xcodeproj 并點(diǎn)擊Run按鈕晌柬。
小提示:react-native命令行從npm官方源拖代碼時(shí)會(huì)遇上麻煩姥份。請(qǐng)將 npm倉(cāng)庫(kù)源替換成淘寶的:
*npm config set registry https://registry.npm.taobao.org --global
*npm config set disturl https://npm.taobao.org/dist --global
要學(xué)習(xí)的太多了, 活到老年碘,學(xué)到老澈歉!