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在安裝軟件時(shí)可能會(huì)碰到/usr/local目錄不可寫的權(quán)限問題舔箭。可以使用下面的命令修復(fù):

sudo chown -R `whoami` /usr/local

Node

使用Homebrew來安裝Node.js.

React Native目前需要NodeJS 5.0或更高版本眶诈。本文發(fā)布時(shí)Homebrew默認(rèn)安裝的是最新版本但金,一般都滿足要求韭山。

brew installnode

安裝完node后建議設(shè)置npm鏡像以加速后面的過程(或使用科學(xué)上網(wǎng)工具)。注意:不要使用cnpm!cnpm安裝的模塊路徑比較奇怪钱磅,packager不能正常識(shí)別梦裂!

npmconfig set registry https://registry.npm.taobao.org --globalnpmconfig set disturl https://npm.taobao.org/dist --global

Yarn、React Native的命令行工具(react-native-cli)

Yarn是Facebook提供的替代npm的工具盖淡,可以加速node模塊的下載年柠。React Native的命令行工具用于執(zhí)行創(chuàng)建、初始化禁舷、更新項(xiàng)目彪杉、運(yùn)行打包服務(wù)(packager)等任務(wù)毅往。

npminstall -g yarn react-native-cli

安裝完yarn后同理也要設(shè)置鏡像源:

yarn configsetregistry https://registry.npm.taobao.org--globalyarn configsetdisturl https://npm.taobao.org/dist--global

如果你看到EACCES: permission denied這樣的權(quán)限報(bào)錯(cuò)牵咙,那么請(qǐng)參照上文的homebrew譯注,修復(fù)/usr/local目錄的所有權(quán):

sudo chown -R `whoami` /usr/local

Xcode

React Native目前需要Xcode8.0 或更高版本攀唯。你可以通過App Store或是到Apple開發(fā)者官網(wǎng)上下載洁桌。這一步驟會(huì)同時(shí)安裝Xcode IDE和Xcode的命令行工具。

雖然一般來說命令行工具都是默認(rèn)安裝了侯嘀,但你最好還是啟動(dòng)Xcode另凌,并在Xcode | Preferences | Locations菜單中檢查一下是否裝有某個(gè)版本的Command Line Tools。Xcode的命令行工具中也包含一些必須的工具戒幔,比如git等吠谢。

推薦安裝的工具

Watchman

Watchman是由Facebook提供的監(jiān)視文件系統(tǒng)變更的工具。安裝此工具可以提高開發(fā)時(shí)的性能(packager可以快速捕捉文件的變化從而實(shí)現(xiàn)實(shí)時(shí)刷新)诗茎。

brew install watchman

Flow

Flow是一個(gè)靜態(tài)的JS類型檢查工具工坊。譯注:你在很多示例中看到的奇奇怪怪的冒號(hào)問號(hào),以及方法參數(shù)中像類型一樣的寫法敢订,都是屬于這個(gè)flow工具的語法王污。這一語法并不屬于ES標(biāo)準(zhǔn),只是Facebook自家的代碼規(guī)范楚午。所以新手可以直接跳過(即不需要安裝這一工具昭齐,也不建議去費(fèi)力學(xué)習(xí)flow相關(guān)語法)。

brew install flow

Nuclide

Nuclide(此鏈接需要科學(xué)上網(wǎng))是由Facebook提供的基于atom的集成開發(fā)環(huán)境矾柜,可用于編寫阱驾、運(yùn)行調(diào)試React Native應(yīng)用。

點(diǎn)擊這里閱讀Nuclide的入門文檔怪蔑。

譯注:我們更推薦使用WebStormSublime Text來編寫React Native應(yīng)用里覆。

測(cè)試安裝?

react-nativeinit XLsn0w XLsn0w-nativerun-ios

提示:你可以使用--version參數(shù)創(chuàng)建指定版本的項(xiàng)目。例如react-native init MyApp --version 0.39.2饮睬。注意版本號(hào)必須精確到兩個(gè)小數(shù)點(diǎn)租谈。

你也可以在Nuclide中打開AwesomeProject文件夾 然后運(yùn)行,或是雙擊ios/AwesomeProject.xcodeproj文件然后在Xcode中點(diǎn)擊Run按鈕。

修改項(xiàng)目

現(xiàn)在你已經(jīng)成功運(yùn)行了項(xiàng)目割去,我們可以開始嘗試動(dòng)手改一改了:

使用你喜歡的編輯器打開index.ios.js并隨便改上幾行窟却。

在iOS Emulator中按下?-R就可以刷新APP并看到你的最新修改!

完成了呻逆!

恭喜夸赫!你已經(jīng)成功運(yùn)行并修改了你的第一個(gè)React Native應(yīng)用。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末咖城,一起剝皮案震驚了整個(gè)濱河市茬腿,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌宜雀,老刑警劉巖切平,帶你破解...
    沈念sama閱讀 218,858評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異辐董,居然都是意外死亡悴品,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,372評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門简烘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來苔严,“玉大人,你說我怎么就攤上這事孤澎〗烨猓” “怎么了?”我有些...
    開封第一講書人閱讀 165,282評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵覆旭,是天一觀的道長退子。 經(jīng)常有香客問我,道長姐扮,這世上最難降的妖魔是什么絮供? 我笑而不...
    開封第一講書人閱讀 58,842評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮茶敏,結(jié)果婚禮上壤靶,老公的妹妹穿的比我還像新娘。我一直安慰自己惊搏,他們只是感情好贮乳,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,857評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著恬惯,像睡著了一般向拆。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上酪耳,一...
    開封第一講書人閱讀 51,679評(píng)論 1 305
  • 那天浓恳,我揣著相機(jī)與錄音刹缝,去河邊找鬼。 笑死颈将,一個(gè)胖子當(dāng)著我的面吹牛梢夯,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播晴圾,決...
    沈念sama閱讀 40,406評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼颂砸,長吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來了死姚?” 一聲冷哼從身側(cè)響起人乓,我...
    開封第一講書人閱讀 39,311評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎都毒,沒想到半個(gè)月后色罚,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,767評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡温鸽,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,945評(píng)論 3 336
  • 正文 我和宋清朗相戀三年保屯,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片涤垫。...
    茶點(diǎn)故事閱讀 40,090評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖竟终,靈堂內(nèi)的尸體忽然破棺而出蝠猬,到底是詐尸還是另有隱情,我是刑警寧澤统捶,帶...
    沈念sama閱讀 35,785評(píng)論 5 346
  • 正文 年R本政府宣布榆芦,位于F島的核電站,受9級(jí)特大地震影響喘鸟,放射性物質(zhì)發(fā)生泄漏匆绣。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,420評(píng)論 3 331
  • 文/蒙蒙 一什黑、第九天 我趴在偏房一處隱蔽的房頂上張望崎淳。 院中可真熱鬧,春花似錦愕把、人聲如沸拣凹。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,988評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽嚣镜。三九已至,卻和暖如春橘蜜,著一層夾襖步出監(jiān)牢的瞬間菊匿,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,101評(píng)論 1 271
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留跌捆,地道東北人凡涩。 一個(gè)月前我還...
    沈念sama閱讀 48,298評(píng)論 3 372
  • 正文 我出身青樓,卻偏偏與公主長得像疹蛉,于是被迫代替她去往敵國和親活箕。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,033評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容