Win下react native環(huán)境搭建(Android)

一、環(huán)境安裝與配置:

1、軟件需要

注意電腦位數(shù)是32/64位對(duì)應(yīng)的軟件可能會(huì)不同。

2、安裝Nodejs

nodejs是react-native工具的運(yùn)行基礎(chǔ)。

64位下載地址:

32位下載地址:

安裝過(guò)程中,選擇默認(rèn)的安裝方法即可,安裝目錄可以自己選擇,選擇C盤(pán)或者其他盤(pán)如果node目錄不在系統(tǒng)環(huán)境變量PATH中(目前的nodejs是默認(rèn)設(shè)置好的),需要設(shè)置下,如果node安裝目錄是C:\nodejs,那么如下設(shè)置:PATH新增路徑;C:\nodejs如果安裝并設(shè)置好路徑,如若安裝成功,則可以在終端中輸入node -v查看到nodejs的版本號(hào)。

3、 安裝Git

用于代碼管理,與svn類(lèi)似的工具,同時(shí)在react native中會(huì)用git獲取github上的部分依賴(lài)。

32位下載鏈接

64位下載鏈接

安裝完成后,需要設(shè)置系統(tǒng)環(huán)境變量。如果Git安裝目錄是C:\Git,那么需要進(jìn)行配置:PATH新增路徑;C:\Git\bin

安裝成功后,桌面鼠標(biāo)右擊會(huì)出現(xiàn)以下兩項(xiàng):

4、 安裝jdk

Jdk是Java運(yùn)行環(huán)境。

32位下載鏈接

64位下載鏈接

安裝后需要設(shè)置下系統(tǒng)環(huán)境變量,如果JDK安裝目錄是C:\Jdk,那么需要如下設(shè)置:

新增環(huán)境變量JAVA_HOME設(shè)置為C:\Jdk新增環(huán)境變量CLASSPATH設(shè)置為.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar環(huán)境變量PATH新增路徑;%JAVA_HOME%\bin;%JAVA_HOME%\jre\bin

配置完成后在終端輸入javac查看路徑(即是否安裝成功)

5、 安裝Android Studio

用于Android

sdk等等的管理,也是Android開(kāi)發(fā)工具下載地址,下載的安裝程序包含了Android SDK,過(guò)程中會(huì)對(duì)SDK進(jìn)行解壓,3G大小,請(qǐng)注意盤(pán)符空間是否夠。

安裝過(guò)程需要一段時(shí)間

安裝后需要設(shè)置系統(tǒng)環(huán)境變量。如果安裝的路徑是D:\Program Files\Android\sdk,則需要如下設(shè)置:

新增變量ANDROID_HOMED:\ProgramFiles\Android\sdk

PATH變量中新增路徑;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

之后可以在終端中使用adb命令。

環(huán)境配置成功。

6、安裝Genymotion

該工具是安卓虛擬機(jī),它依賴(lài)VirtualBox的引擎。下載地址安轉(zhuǎn)過(guò)程會(huì)同時(shí)安裝VirtualBox。


Genymotion需要注冊(cè)一個(gè)帳號(hào)(注冊(cè)入口),需要翻墻去官網(wǎng)注冊(cè),之后個(gè)人就可以免費(fèi)使用了,也會(huì)提供很多版本的手機(jī)Model供選擇。有一個(gè)可用的賬號(hào)在這里找到的:賬號(hào)genymotionbar ?密碼 gm8888

可供選擇的虛擬設(shè)備(創(chuàng)建時(shí)候選擇的)
選擇一個(gè)虛擬設(shè)備配置產(chǎn)生后的genymotion,Custom Phone設(shè)備是可以使用的
點(diǎn)擊start后安卓模擬器的效果

7、安裝react-native命令工具

在命令行中安裝react-native-cli,如下:


安裝過(guò)程可能會(huì)比較慢

可以從國(guó)內(nèi)的包管理拉取。

npm install -g react-native-cli--registry=https://registry.npm.taobao.org

都安裝完成后即可創(chuàng)建項(xiàng)目。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書(shū)系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容