Win下搭建React Native工作環(huán)境實(shí)例

本文介紹Windows中搭建React Native的具體操作方法。

軟件需要

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

  • ** 1, Nodejs **
    nodejsreact-native工具的運(yùn)行基礎(chǔ)。
    64位下載鏈接
    32位下載鏈接
    安裝過程中,選擇默認(rèn)的安裝方法即可,安裝目錄可以自己選擇,選擇C盤或者其他盤。如果node目錄不在系統(tǒng)環(huán)境變量PATH中(目前的nodejs是默認(rèn)設(shè)置好的),需要設(shè)置下,如果node安裝目錄是C:\nodejs,那么如下設(shè)置:
    PATH新增路徑;C:\nodejs
    如果安裝并設(shè)置好路徑,可以在終端中輸入node -v查看到nodejs的版本號。

  • ** 2, Git **
    Git用于代碼管理,與svn類似的工具,同時(shí)在react native中會用git獲取github上的部分依賴。
    32位下載鏈接
    64位下載鏈接
    安裝完成后,需要設(shè)置系統(tǒng)環(huán)境變量。如果Git安裝目錄是C:\Git,那么需要進(jìn)行如下設(shè)置:
    PATH新增路徑;C:\Git\bin

  • ** 3, 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

設(shè)置環(huán)境變量后在終端中輸入`PATH`后的結(jié)果
  • ** 4, Android Studio **
    用于Android sdk等等的管理,也是Android開發(fā)工具
    下載地址,下載的安裝程序包含了Android SDK,過程中會對SDK進(jìn)行解壓,3G大小,請注意盤符空間是否夠。

    下載SDK Platforms的資源

    安裝后需要設(shè)置系統(tǒng)環(huán)境變量。
    如果安裝的路徑是D:\Program Files\Android\sdk,則需要如下設(shè)置:
    新增變量ANDROID_HOMED:\Program Files\Android\sdk
    PATH變量中新增路徑;%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools;

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

    adb在終端中是可以使用了

安裝完成后
  • ** 5, Genymotion **
    該工具是安卓虛擬機(jī),它依賴VirtualBox的引擎。
    下載地址
    安轉(zhuǎn)過程會同時(shí)安裝VirtualBox
Genymotion安裝后的界面

Genymotion需要注冊一個(gè)帳號(注冊入口),之后個(gè)人就可以免費(fèi)使用了,也會提供很多版本的手機(jī)Model供選擇。

可供選擇的虛擬設(shè)備(創(chuàng)建時(shí)候選擇的)
選擇一個(gè)虛擬設(shè)備配置產(chǎn)生后的genymotion,`Custom Phone`設(shè)備是可以使用的
點(diǎn)擊`start`后安卓模擬器的效果
  • ** 6, 安裝react-native命令工具**
    在命令行中安裝react-native-cli,如下:
    npm安裝過程

安裝過程可能會比較慢,可以從國內(nèi)的包管理拉取。npm install -g react-native-cli --registry=https://registry.npm.taobao.org

安裝完成后,react-native在終端后是可以使用了

7, 新建項(xiàng)目
文章

推薦:
RNTools是一個(gè)分享React Native文章、實(shí)例代碼以及第三方模塊的平臺。RNTools官網(wǎng)鏈接 RNTools應(yīng)用下載

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

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

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