react-native入門,環(huán)境的搭建和遇到的問(wèn)題

首先介紹我也是剛?cè)腴T的小白拄衰,只是把我在學(xué)習(xí)RN學(xué)習(xí)時(shí)候的自己遇到的問(wèn)題和大家分享,希望大家少走彎路翘悉。

1.安裝JDK

? ? ? ? ? ? ?從Java官網(wǎng)下 載JDK并安裝,自己根據(jù)自己的電腦選擇x86還是x64版本老赤。推薦將JDK的bin目錄加入系統(tǒng)PATH環(huán)境變量。

? ? ?JAVA_HOME=C:\Program Files\Java\jdk1.8.0_45

? ? CLASSPATH=?.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar;

? ? ? ?path?增加:抬旺;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin;

2.安裝Android SDK

我是之前開(kāi)發(fā)android時(shí)候就有的祥楣,你可以通過(guò)AS的SDKManager下載sdk。

ANDROID_HOME=D:\Android\sdk

path?增加: ;%ANDROID_HOME%;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

3.安裝C++環(huán)境

推薦從itellyou下載并安裝Visual Studio 2013或2015荣堰,編譯node.js的c++時(shí)候會(huì)用到;一般電腦都裝過(guò)的振坚;

4.安裝node.js

官網(wǎng)下載node.js的官方4.1版本或更高版本。如果node.js裝不上報(bào)錯(cuò)啃洋,直接換臺(tái)電腦裝屎鳍,把文件copy過(guò)來(lái)也可以使用宏娄。

測(cè)試安裝是否成功:

在命令行輸入 node –v 應(yīng)該可以查看到當(dāng)前安裝的nodejs版本號(hào)逮壁。很簡(jiǎn)單我就不演示了。

5.安裝react-native命令行工具

這里介紹一下npm:Node.js 的包管理器 npm窥淆,他是是全球最大的開(kāi)源庫(kù)生態(tài)系統(tǒng);

在安裝之前可以建議先安裝鏡像文件扛伍;便于后面下載速度很快词裤;在命令行里面分別輸入這兩行文字按回車鍵:

npm config set registryhttps://registry.npm.taobao.org? ? ??

npm config set disturlhttps://npm.taobao.org/dist? ? ? ? ?

然后安裝命令行工具:輸入 npm install -g react-native-cli?

6.創(chuàng)建項(xiàng)目

進(jìn)入你的工作目錄鳖宾,運(yùn)行:react-native ?init ?MyProject (工程文件夾名稱) ??并耐心等待數(shù)分鐘。

如果成功的話目錄結(jié)果差不多就這樣:

7.運(yùn)行packager?

在你創(chuàng)建的工程目錄里面運(yùn)行:react-native start

這是你可以用瀏覽器訪問(wèn)http://localhost:8081/index.android.bundle?platform=android看看是否可以看到打包后的腳本:

8.最后一步是檢測(cè)你是否可以跑起來(lái)的時(shí)候

? 在命令框中輸入:react-native run-android鼎文;耐心等待幾分鐘纸泡。如果你可以成功的顯示下面頁(yè)面恭喜你你安裝成功并可以rn入門開(kāi)發(fā)了赖瞒;

9:?jiǎn)栴}總結(jié)

我相信很多人還是沒(méi)成功:一種是頁(yè)面是紅色;報(bào)一些錯(cuò)誤栏饮;還有一種是都是白色沒(méi)有顯示;下面我開(kāi)始一個(gè)一個(gè)解決:

1.紅色原因:沒(méi)有連接服務(wù)器js Server或者環(huán)境變量沒(méi)有配置正確

解決方法:搖晃手機(jī):在Dev Settings 里面填入的你:ip地址+8081端口??例子:192.168.1.100:8081 就可以顯示了境蔼;如果環(huán)境變量沒(méi)有配置看上面一二兩部更改一下:

2.白色原因應(yīng)該就是你的手機(jī)對(duì)這個(gè)應(yīng)用程序的權(quán)限沒(méi)開(kāi)啟,

解決方法:進(jìn)入手機(jī)安全中心箍土,打開(kāi)應(yīng)用管理權(quán)限罐监,把該程序的顯示懸浮窗權(quán)限打開(kāi)吴藻,退出再次搖晃手機(jī)Reload就可以啦弓柱;

3.如果還有其他問(wèn)題可以留言我們一起解決

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末矢空,一起剝皮案震驚了整個(gè)濱河市航罗,隨后出現(xiàn)的幾起案子屁药,更是在濱河造成了極大的恐慌,老刑警劉巖酿箭,帶你破解...
    沈念sama閱讀 207,113評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件七问,死亡現(xiàn)場(chǎng)離奇詭異蜓耻,居然都是意外死亡械巡,警方通過(guò)查閱死者的電腦和手機(jī)饶氏,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評(píng)論 2 381
  • 文/潘曉璐 我一進(jìn)店門有勾,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人蔼卡,你說(shuō)我怎么就攤上這事」统眩” “怎么了?”我有些...
    開(kāi)封第一講書(shū)人閱讀 153,340評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵塘砸,是天一觀的道長(zhǎng)节仿。 經(jīng)常有香客問(wèn)我,道長(zhǎng)掉蔬,這世上最難降的妖魔是什么廊宪? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 55,449評(píng)論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮女轿,結(jié)果婚禮上箭启,老公的妹妹穿的比我還像新娘。我一直安慰自己蛉迹,他們只是感情好册烈,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,445評(píng)論 5 374
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著婿禽,像睡著了一般。 火紅的嫁衣襯著肌膚如雪扭倾。 梳的紋絲不亂的頭發(fā)上淀零,一...
    開(kāi)封第一講書(shū)人閱讀 49,166評(píng)論 1 284
  • 那天,我揣著相機(jī)與錄音膛壹,去河邊找鬼驾中。 笑死,一個(gè)胖子當(dāng)著我的面吹牛模聋,可吹牛的內(nèi)容都是我干的肩民。 我是一名探鬼主播,決...
    沈念sama閱讀 38,442評(píng)論 3 401
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼链方,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼持痰!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起祟蚀,我...
    開(kāi)封第一講書(shū)人閱讀 37,105評(píng)論 0 261
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤工窍,失蹤者是張志新(化名)和其女友劉穎割卖,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體患雏,經(jīng)...
    沈念sama閱讀 43,601評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡鹏溯,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,066評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了淹仑。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片丙挽。...
    茶點(diǎn)故事閱讀 38,161評(píng)論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖匀借,靈堂內(nèi)的尸體忽然破棺而出颜阐,到底是詐尸還是另有隱情,我是刑警寧澤怀吻,帶...
    沈念sama閱讀 33,792評(píng)論 4 323
  • 正文 年R本政府宣布瞬浓,位于F島的核電站初婆,受9級(jí)特大地震影響蓬坡,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜磅叛,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,351評(píng)論 3 307
  • 文/蒙蒙 一屑咳、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧弊琴,春花似錦兆龙、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 30,352評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至腋寨,卻和暖如春聪铺,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背萄窜。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 31,584評(píng)論 1 261
  • 我被黑心中介騙來(lái)泰國(guó)打工铃剔, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人查刻。 一個(gè)月前我還...
    沈念sama閱讀 45,618評(píng)論 2 355
  • 正文 我出身青樓键兜,卻偏偏與公主長(zhǎng)得像,于是被迫代替她去往敵國(guó)和親穗泵。 傳聞我的和親對(duì)象是個(gè)殘疾皇子普气,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,916評(píng)論 2 344

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