React Native環(huán)境搭建(Windows環(huán)境下)

哈佛校訓(xùn)

因為作者是一枚安卓程序員,用的是Windows電腦所以這里只簡單講述一下Windows環(huán)境下,React Native的環(huán)境搭建

1.安裝Node.js

這個的話去node官網(wǎng)去下載就好,官網(wǎng)地址,下載完成之后直接傻瓜式安裝就好,這里不做多余的講解。

2.安裝Git

Git安裝和上面丢早。

3.安裝JDK,SDK

作為一個安卓開發(fā)程序員,這個是必備技能

4.下載React Native的壓縮包

點擊進(jìn)入

5.設(shè)置npm鏡像

設(shè)置npm鏡像的好處就是加速編譯

步驟:

1.打開Git窗口

2.然后輸入npm,如下:


CMD窗口?

3.輸入命令

命令1:npm config set registry https://registry.npm.taobao.org

命令2:npm config set disturl https://npm.taobao.org/dist

如下所示:

npm命令行

6.配置React Native

剛才下載好的React Native的壓縮包就用上了

1.解壓秧倾,首先我解壓到這個目錄下


解壓到這個目錄

2.用Dos窗口移動到react-native-master這個目錄下怨酝,接著進(jìn)入react-native-cli這個目錄,執(zhí)行命令:npm install -g react-native-cli那先,接著回車耐心等待凫碌。


配置React Native

7.創(chuàng)建項目

這里我創(chuàng)建了一個appProjects一個目錄,里面存放我要生成的項目胃榕,用dos命令進(jìn)入到這個目錄里面盛险,然后Dos命令:react-native init Jun

注意,這里首字母勋又,必須大寫苦掘,不然會失敗


初始化項目得命令注意大寫
成功之后的樣子

8.運行工程

1.首先進(jìn)行剛剛生成的項目,然后輸入命令react-native start


命令執(zhí)行

2.然后楔壤,打開瀏覽器鹤啡,輸入:

http://localhost:8081/index.bundle?platform=android

就會運行處如下結(jié)果


瀏覽器運行之后腳本展示

9.準(zhǔn)備模擬器或者真機(jī)安裝項目

dos命令react-native run-android,進(jìn)入編譯狀態(tài)蹲嚣,第一次編譯比較慢递瑰,會下載很多的pom文件,貌似和很多開源框架有關(guān)


運行過程


編譯運行成功


安裝在安卓手機(jī)的樣子

eg:在這里,需要注意一下,環(huán)境變量這個問題变屁,因為運行ReactNative程序,需要配置安卓SDK的環(huán)境變量慎颗,因為作者是win10系統(tǒng),這里只展示一下win10的配置

這里,先設(shè)置一個ANDROID_HOME這個環(huán)境


在系統(tǒng)變量下面新建一個

這里這個路徑只是SDK最外面的路徑


目錄下的文件

上面試第一步俯萎,接著在Path下傲宜,配置


Path

如圖所示和上面那兩個文件夾名稱一致

如圖所示

大家還有什么問題,歡迎留言夫啊,有問題大家一起解決函卒!

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市撇眯,隨后出現(xiàn)的幾起案子报嵌,更是在濱河造成了極大的恐慌,老刑警劉巖叛本,帶你破解...
    沈念sama閱讀 206,378評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異彤钟,居然都是意外死亡来候,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,356評論 2 382
  • 文/潘曉璐 我一進(jìn)店門逸雹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來营搅,“玉大人,你說我怎么就攤上這事梆砸∽剩” “怎么了?”我有些...
    開封第一講書人閱讀 152,702評論 0 342
  • 文/不壞的土叔 我叫張陵帖世,是天一觀的道長休蟹。 經(jīng)常有香客問我,道長日矫,這世上最難降的妖魔是什么赂弓? 我笑而不...
    開封第一講書人閱讀 55,259評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮哪轿,結(jié)果婚禮上盈魁,老公的妹妹穿的比我還像新娘。我一直安慰自己窃诉,他們只是感情好杨耙,可當(dāng)我...
    茶點故事閱讀 64,263評論 5 371
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著飘痛,像睡著了一般珊膜。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上宣脉,一...
    開封第一講書人閱讀 49,036評論 1 285
  • 那天辅搬,我揣著相機(jī)與錄音,去河邊找鬼。 笑死堪遂,一個胖子當(dāng)著我的面吹牛介蛉,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播溶褪,決...
    沈念sama閱讀 38,349評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼币旧,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了猿妈?” 一聲冷哼從身側(cè)響起吹菱,我...
    開封第一講書人閱讀 36,979評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎彭则,沒想到半個月后鳍刷,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 43,469評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡俯抖,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 35,938評論 2 323
  • 正文 我和宋清朗相戀三年输瓜,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片芬萍。...
    茶點故事閱讀 38,059評論 1 333
  • 序言:一個原本活蹦亂跳的男人離奇死亡尤揣,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出柬祠,到底是詐尸還是另有隱情北戏,我是刑警寧澤,帶...
    沈念sama閱讀 33,703評論 4 323
  • 正文 年R本政府宣布漫蛔,位于F島的核電站嗜愈,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏莽龟。R本人自食惡果不足惜芝硬,卻給世界環(huán)境...
    茶點故事閱讀 39,257評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望轧房。 院中可真熱鬧拌阴,春花似錦、人聲如沸奶镶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,262評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽厂镇。三九已至纤壁,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間捺信,已是汗流浹背酌媒。 一陣腳步聲響...
    開封第一講書人閱讀 31,485評論 1 262
  • 我被黑心中介騙來泰國打工欠痴, 沒想到剛下飛機(jī)就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人秒咨。 一個月前我還...
    沈念sama閱讀 45,501評論 2 354
  • 正文 我出身青樓喇辽,卻偏偏與公主長得像,于是被迫代替她去往敵國和親雨席。 傳聞我的和親對象是個殘疾皇子菩咨,可洞房花燭夜當(dāng)晚...
    茶點故事閱讀 42,792評論 2 345

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