React-Native 入門環(huán)境過程

今天在配置RN環(huán)境踩官,歷經(jīng)五六個小時的奮斗截至目前,終于成功運行了碱呼,按照慣例蒙挑,總結(jié)匯總一下這一路走過來的坑和注意事項。

環(huán)境配置

這是基礎(chǔ)愚臀,也是最重要的一步忆蚀。這個不要胡亂去看別人的博客,老老實實的看官方的說明文檔姑裂,一步一個坑馋袜,跳進去再爬出來。

中文版本:

http://reactnative.cn/docs/0.41/getting-started.html#content

英文版本:

http://facebook.github.io/react-native/docs/getting-started.html

按照上面介紹的步驟舶斧,一步一步來安裝欣鳖。其中中文經(jīng)過整理,里面的那些必須要安裝茴厉,那些可以不用安裝都作了說明泽台,還是很不錯的。

我前面幾個步驟是按照英文來進行的:

brew install node

brew install watchman

沒毛病呀忧,系統(tǒng)很開心的告訴我成功了师痕,接下來開始安裝React Native CLI。

這個時候我賤賤的去看了中文的手冊而账,


就是這句

想著人家都很有好的建議設(shè)置鏡像了,方法什么的也都說了因篇,不設(shè)置是不是對不起人家泞辐,就吧唧吧唧的執(zhí)行了這兩個命令,然后第一個坑就在前面等著我了竞滓。

開始執(zhí)行

npm install-g react-native-cli

妥妥的告訴我解析不了“react-native-cli”(錯誤已經(jīng)過去了咐吼,當時也刪除了,電腦重啟了一下商佑,無法放出截圖了)锯茄,我一看知道這個是加載不了遠程文件,第一反應(yīng),靠不應(yīng)該啊肌幽,我能上網(wǎng)呀晚碾,而且這個文件遠程應(yīng)該存在的,要不然這么大一個網(wǎng)站放一個不存在的文件那的耽誤多少人的事情(不存在應(yīng)該會提示文件不存在)喂急,然后就為這個問題來回折騰格嘁,會不會是NPM不對?網(wǎng)上看到刪了重裝廊移,咱也是一個敢想敢干的人糕簿,吧唧執(zhí)行uninstall刪了,重裝狡孔,完了裝哪了懂诗,為什么NPM命令找不到了,一路搜苗膝,一路找殃恒,原來他沒有裝在

/usr/local/lib/node_modules

同時/usr/local/bin/npm也不存在,所以就沒有該命令荚醒,當然我也很茫然不知道怎么出現(xiàn)了這種情況芋类,但是這么也不是一個辦法呀,再刪=绺蟆:罘薄!順手把note也刪了泡躯,重新按照英文的文檔來安裝贮竟,但是在安裝react-native-cli還是報錯。上午的時候問旁邊的同事较剃,他說他也是按照這個流程走的沒遇到這種情況咕别,一切都很順利呀~ 我就又開始了我的糾結(jié)之旅。

下午吃完飯写穴,我同事說他的也不行了惰拱,然后看了鏡像地址,和我說會不會公司網(wǎng)把taobao字樣的域名屏蔽了啊送,wtf偿短,作為一個新人誰告訴我公司針對這些網(wǎng)站做了屏蔽。SO又重新設(shè)置了鏡像

npm config set registryhttp://registry.cnpmjs.org

妥妥的馋没,可以了N舳骸!篷朵!

安裝運行

作為一個資深的android工程師勾怒,Android環(huán)境肯定已經(jīng)安裝了婆排,所以開始init工程

react-nativeinit AwesomeProject

妥妥的沒有問題,繼續(xù)到該工程下笔链,開始進行運行段只,編譯失敗,提示

SDK location not found. Define location with sdk.dir in the local.properties file or with an ANDROID_HOME environment variable

哦卡乾,這個簡單翼悴,ANDROID_HOME沒有配置,按照說明配置了一下


經(jīng)過source ~/.profile讓起生效幔妨,再次編輯安裝鹦赎,仍然提示該錯誤。這個時候想起一句話“重啟可以解決很多無法解釋的問題”误堡,重啟古话、上個廁所,果然锁施,可以了陪踩,看到完成的apk的時候,內(nèi)心滿滿的是幸福哈悉抵。

作為一個有錢的大公司的員工肩狂,早就告別了使用虛擬機的時代,直接真機上手姥饰。運行看到血紅血紅的界面傻谁,連不上服務(wù)器,然后聽同事說你搖一搖試試列粪,搖一搖出現(xiàn)了設(shè)置界面审磁,好神奇的功能,選擇

Debug server host for device

然后設(shè)置電腦的IP和端口(8081)岂座,然后重新reload态蒂,看到了喜人的

Welcome to React Native

搖一搖手機后,選擇開始熱更新费什,然后在每一次寫完代碼執(zhí)行保存命令后钾恢,它會自動的更新到手機上。

我使用的是WebStorm進行代碼開發(fā)的(網(wǎng)上有破解方法)鸳址,它會自動保存代碼赘那,每一次按下command+s后,手機會自動加載代碼氯质。

ps:感覺開始熱更新后,他有一個定時加載的機制祠斧,有時候代碼寫一半沒有保存手機上就自動同步了闻察。同時就算開始了熱更新,或者reload,有時候也會有不及時現(xiàn)象辕漂,這個時候可能需要重新編譯運行一下呢灶,記住:重啟能夠解決大部分科學無法解釋的事情钉嘹。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末鸯乃,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子跋涣,更是在濱河造成了極大的恐慌缨睡,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,542評論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件陈辱,死亡現(xiàn)場離奇詭異奖年,居然都是意外死亡,警方通過查閱死者的電腦和手機沛贪,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,596評論 3 385
  • 文/潘曉璐 我一進店門陋守,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人利赋,你說我怎么就攤上這事水评。” “怎么了媚送?”我有些...
    開封第一講書人閱讀 158,021評論 0 348
  • 文/不壞的土叔 我叫張陵中燥,是天一觀的道長。 經(jīng)常有香客問我季希,道長褪那,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,682評論 1 284
  • 正文 為了忘掉前任式塌,我火速辦了婚禮博敬,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘峰尝。我一直安慰自己偏窝,他們只是感情好,可當我...
    茶點故事閱讀 65,792評論 6 386
  • 文/花漫 我一把揭開白布武学。 她就那樣靜靜地躺著祭往,像睡著了一般。 火紅的嫁衣襯著肌膚如雪火窒。 梳的紋絲不亂的頭發(fā)上硼补,一...
    開封第一講書人閱讀 49,985評論 1 291
  • 那天,我揣著相機與錄音熏矿,去河邊找鬼已骇。 笑死离钝,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的褪储。 我是一名探鬼主播卵渴,決...
    沈念sama閱讀 39,107評論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼鲤竹!你這毒婦竟也來了浪读?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,845評論 0 268
  • 序言:老撾萬榮一對情侶失蹤辛藻,失蹤者是張志新(化名)和其女友劉穎碘橘,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體揩尸,經(jīng)...
    沈念sama閱讀 44,299評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡蛹屿,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,612評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了岩榆。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片错负。...
    茶點故事閱讀 38,747評論 1 341
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖勇边,靈堂內(nèi)的尸體忽然破棺而出犹撒,到底是詐尸還是另有隱情,我是刑警寧澤粒褒,帶...
    沈念sama閱讀 34,441評論 4 333
  • 正文 年R本政府宣布识颊,位于F島的核電站,受9級特大地震影響奕坟,放射性物質(zhì)發(fā)生泄漏祥款。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 40,072評論 3 317
  • 文/蒙蒙 一月杉、第九天 我趴在偏房一處隱蔽的房頂上張望刃跛。 院中可真熱鬧,春花似錦苛萎、人聲如沸桨昙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,828評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽蛙酪。三九已至,卻和暖如春翘盖,著一層夾襖步出監(jiān)牢的瞬間桂塞,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,069評論 1 267
  • 我被黑心中介騙來泰國打工馍驯, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留藐俺,地道東北人炊甲。 一個月前我還...
    沈念sama閱讀 46,545評論 2 362
  • 正文 我出身青樓,卻偏偏與公主長得像欲芹,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子吟吝,可洞房花燭夜當晚...
    茶點故事閱讀 43,658評論 2 350

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