react native搭建環(huán)境整理

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

1) 安裝Homebrew

訪問brew.sh

打開MAC的終端,輸入如下命令:

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

安裝Homebrew 看到 Run `brew help` to get started

就可以使用brew命令安裝相關(guān)的配置

brew -v 命令 可看安裝好的版本

安裝nvm? nvm是用于nodejs版本管理的工具

打開MAC的終端黄选,輸入如下命令:brew install nvm

根據(jù)終端里面的提示執(zhí)行3個步驟的命令

最后輸入命令 ?nvm 就會顯示相關(guān)的幫助信息拗盒,代表安裝成功了

另一種方式识椰,在終端中輸入如下的命令:

curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.26.1/install.sh | bash

之后需要在~/.bashrc, ~/.profile, ~/.zshrc文件中(如果沒有自己創(chuàng)建 在終端用 touch ?命令新建文件)猴抹,添加如下的一行語句:

. ~/.nvm/nvm.sh

這樣就能夠在任意的終端中使用nvm命令了整陌。

2) 安裝node.js 和 npm

MAC的終端划纽,輸入如下命令:

nvm install node && nvm alias default node

然后根據(jù)終端里面提示執(zhí)行命令(run后面提示的命令) 脆侮,沒有提示就不需要執(zhí)行?

node -v ? 看版本

npm -v ?看版本?

3) 通過Homebrew安裝watchman和flow

watchman應(yīng)該是用于監(jiān)聽文件變化,然后界面做出響應(yīng)勇劣。執(zhí)行如下命令:

brew install watchman

然后根據(jù)終端里面提示執(zhí)行命令(run后面提示的命令) 靖避,沒有提示就不需要執(zhí)行

4) 通過npm安裝react-native

MAC的終端,輸入如下命令:

react-native

You did not pass any commands, did you mean to run `react-native init`?

代表載入成功

遇到問題

1)Homebrew安裝時”-bash:brew:command not found”

1.打開終端獲取管理員權(quán)限

2.跳轉(zhuǎn)至/etc下修改profile文件

3.用vim打開比默,在profile文件最后添加如下語句:

PATH=“.;$PATH:/usr/local/bin”

注意幻捏,若以前修改過該文件,或者PATH中已有多個路徑命咐,只需在后面添加即可篡九,使用:隔開。

4.好了醋奠,保存退出后榛臼,再次鍵入brew命令,有驚喜發(fā)生窜司!

2)安裝node時候沛善,顯示“-bash: brew: command not found”

因為沒安裝Homebrew

新建項目

(1)創(chuàng)建一個空項目命令:

1)npm install -g react-native-cli

react-native-cli 是完成剩余安裝的命令行工具。它是通過 npm 安裝的塞祈。這將會在你的終端里面安裝react-native這個命令行金刁,只需要做一次即可。

2)react-native init HelloWorld

項目創(chuàng)建如果慢的話议薪,可以編輯 ~/.npmrc (如果沒有就自己創(chuàng)建 在終端用 touch? 命令新建文件)加入下面內(nèi)容后重啟終端再創(chuàng)建項目

registry=https://registry.npm.taobao.org (只要設(shè)置一次尤蛮,以后會自動關(guān)聯(lián)到這個鏡像)

(2)找到創(chuàng)建的HelloWorld項目,雙擊HelloWorld.xcodeproj即可在xcode中打開項目。xcodeproj是xcode的項目文件笙蒙。

(3)在xcode中抵屿,使用快捷鍵cmd + R即可啟動項目⊥蔽唬基本的Xcode功能可以熟悉轧葛,比如模擬器的選擇等搂抒。

啟動完成后,你會看到React-Packger和iOS模擬器

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末尿扯,一起剝皮案震驚了整個濱河市求晶,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌衷笋,老刑警劉巖芳杏,帶你破解...
    沈念sama閱讀 222,590評論 6 517
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異辟宗,居然都是意外死亡爵赵,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 95,157評論 3 399
  • 文/潘曉璐 我一進(jìn)店門泊脐,熙熙樓的掌柜王于貴愁眉苦臉地迎上來空幻,“玉大人,你說我怎么就攤上這事容客★躅酰” “怎么了?”我有些...
    開封第一講書人閱讀 169,301評論 0 362
  • 文/不壞的土叔 我叫張陵缩挑,是天一觀的道長但两。 經(jīng)常有香客問我,道長供置,這世上最難降的妖魔是什么谨湘? 我笑而不...
    開封第一講書人閱讀 60,078評論 1 300
  • 正文 為了忘掉前任,我火速辦了婚禮士袄,結(jié)果婚禮上悲关,老公的妹妹穿的比我還像新娘。我一直安慰自己娄柳,他們只是感情好寓辱,可當(dāng)我...
    茶點故事閱讀 69,082評論 6 398
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著赤拒,像睡著了一般秫筏。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上挎挖,一...
    開封第一講書人閱讀 52,682評論 1 312
  • 那天这敬,我揣著相機與錄音,去河邊找鬼蕉朵。 笑死崔涂,一個胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的始衅。 我是一名探鬼主播冷蚂,決...
    沈念sama閱讀 41,155評論 3 422
  • 文/蒼蘭香墨 我猛地睜開眼缭保,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蝙茶?” 一聲冷哼從身側(cè)響起艺骂,我...
    開封第一講書人閱讀 40,098評論 0 277
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎隆夯,沒想到半個月后咐蝇,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體乔妈,經(jīng)...
    沈念sama閱讀 46,638評論 1 319
  • 正文 獨居荒郊野嶺守林人離奇死亡坪它,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 38,701評論 3 342
  • 正文 我和宋清朗相戀三年榆综,在試婚紗的時候發(fā)現(xiàn)自己被綠了肩祥。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片泡徙。...
    茶點故事閱讀 40,852評論 1 353
  • 序言:一個原本活蹦亂跳的男人離奇死亡朋腋,死狀恐怖腻扇,靈堂內(nèi)的尸體忽然破棺而出轴脐,到底是詐尸還是另有隱情调卑,我是刑警寧澤,帶...
    沈念sama閱讀 36,520評論 5 351
  • 正文 年R本政府宣布大咱,位于F島的核電站恬涧,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏碴巾。R本人自食惡果不足惜溯捆,卻給世界環(huán)境...
    茶點故事閱讀 42,181評論 3 335
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望厦瓢。 院中可真熱鬧提揍,春花似錦、人聲如沸煮仇。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,674評論 0 25
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽浙垫。三九已至刨仑,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間夹姥,已是汗流浹背杉武。 一陣腳步聲響...
    開封第一講書人閱讀 33,788評論 1 274
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留辙售,地道東北人轻抱。 一個月前我還...
    沈念sama閱讀 49,279評論 3 379
  • 正文 我出身青樓,卻偏偏與公主長得像旦部,于是被迫代替她去往敵國和親祈搜。 傳聞我的和親對象是個殘疾皇子封拧,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 45,851評論 2 361

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