首先介紹我也是剛?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)題可以留言我們一起解決