React Native開發(fā)環(huán)境搭建

try your best

MyZone


必須的軟件

Homebew

Mac系統(tǒng)的包管理器,用于安裝NodeJS和一些其他必須的工具軟件

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

解決/user/local目錄不可寫的權(quán)限問題

sudo chown -R `whoami` /usr/local

Node

React Native目前需要NodeJS 5.0或更高版本

brew install node

安裝完node后建議設(shè)置npm鏡像以加速后面的過程(注意:不要使用cnpm!cnpm安裝的模塊路徑比較奇怪,packager不能正常識(shí)別股缸!)

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

Yarn,ReactNative的命令行工具(react-native-cli)

Yarn是Facebook提供的替代npm的工具牌里,可以加速node模塊的下載勾哩。React Native的命令行工具用于執(zhí)行創(chuàng)建岔霸、初始化隆判、更新項(xiàng)目犬庇、運(yùn)行打包服務(wù)(packager)等任務(wù)。

npm install -g yarn react-native-cli

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

yarn config set registry https://registry.npm.taobao.org --global
yarn config set disturl https://npm.taobao.org/dist --global

如果你看到EACCES: permission denied這樣的權(quán)限報(bào)錯(cuò),修復(fù)/user/local目錄的所有權(quán)

sudo chown -R `whoami` /usr/local

Xcode

React Native目前需要Xcode 8.0 或更高版本.

雖然一般來說命令行工具都是默認(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是由Facebook提供的基于atom的集成開發(fā)環(huán)境,可用于編寫瘦陈、運(yùn)行和 調(diào)試React Native應(yīng)用凝危。推薦使用WebStorm

測(cè)試安裝

init命令默認(rèn)會(huì)創(chuàng)建最新的版本,而目前最新的0.45及以上版本需要下載boost庫編譯晨逝。此庫體積龐大蛾默,在國(guó)內(nèi)即便翻墻也很難下載成功,導(dǎo)致很多人無法正常運(yùn)行iOS項(xiàng)目捉貌,可以暫時(shí)創(chuàng)建0.44.3的版本.
你可以使用--version參數(shù)(注意是兩個(gè)杠)創(chuàng)建指定版本的項(xiàng)目支鸡。例如react-native init MyApp --version 0.44.3。注意版本號(hào)必須精確到兩個(gè)小數(shù)點(diǎn)

react-native init AwesomeProject
cd AwesomeProject
react-native run-ios

提示:如果run-ios無法正常運(yùn)行趁窃,請(qǐng)使用Xcode運(yùn)行來查看具體錯(cuò)誤(run-ios的報(bào)錯(cuò)沒有任何具體信息)牧挣。

完成

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市醒陆,隨后出現(xiàn)的幾起案子瀑构,更是在濱河造成了極大的恐慌,老刑警劉巖刨摩,帶你破解...
    沈念sama閱讀 212,816評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件寺晌,死亡現(xiàn)場(chǎng)離奇詭異世吨,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)呻征,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,729評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門另假,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人怕犁,你說我怎么就攤上這事边篮。” “怎么了奏甫?”我有些...
    開封第一講書人閱讀 158,300評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵戈轿,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我阵子,道長(zhǎng)思杯,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,780評(píng)論 1 285
  • 正文 為了忘掉前任挠进,我火速辦了婚禮色乾,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘领突。我一直安慰自己暖璧,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,890評(píng)論 6 385
  • 文/花漫 我一把揭開白布君旦。 她就那樣靜靜地躺著澎办,像睡著了一般。 火紅的嫁衣襯著肌膚如雪金砍。 梳的紋絲不亂的頭發(fā)上局蚀,一...
    開封第一講書人閱讀 50,084評(píng)論 1 291
  • 那天,我揣著相機(jī)與錄音恕稠,去河邊找鬼琅绅。 笑死,一個(gè)胖子當(dāng)著我的面吹牛鹅巍,可吹牛的內(nèi)容都是我干的千扶。 我是一名探鬼主播,決...
    沈念sama閱讀 39,151評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼昆著,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼县貌!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起凑懂,我...
    開封第一講書人閱讀 37,912評(píng)論 0 268
  • 序言:老撾萬榮一對(duì)情侶失蹤煤痕,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體摆碉,經(jīng)...
    沈念sama閱讀 44,355評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡塘匣,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,666評(píng)論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了巷帝。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片忌卤。...
    茶點(diǎn)故事閱讀 38,809評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖楞泼,靈堂內(nèi)的尸體忽然破棺而出驰徊,到底是詐尸還是另有隱情,我是刑警寧澤堕阔,帶...
    沈念sama閱讀 34,504評(píng)論 4 334
  • 正文 年R本政府宣布棍厂,位于F島的核電站,受9級(jí)特大地震影響超陆,放射性物質(zhì)發(fā)生泄漏牺弹。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,150評(píng)論 3 317
  • 文/蒙蒙 一时呀、第九天 我趴在偏房一處隱蔽的房頂上張望张漂。 院中可真熱鬧,春花似錦谨娜、人聲如沸航攒。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,882評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽屎债。三九已至,卻和暖如春垢油,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背圆丹。 一陣腳步聲響...
    開封第一講書人閱讀 32,121評(píng)論 1 267
  • 我被黑心中介騙來泰國(guó)打工滩愁, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人辫封。 一個(gè)月前我還...
    沈念sama閱讀 46,628評(píng)論 2 362
  • 正文 我出身青樓硝枉,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親倦微。 傳聞我的和親對(duì)象是個(gè)殘疾皇子妻味,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,724評(píng)論 2 351