ReactNative之Windows環(huán)境搭建(1)

之前一直都是在?Mac上使用ReactNative, 最近由于工作的原因在Windows上使用, 發(fā)現(xiàn)坑很多, 為了怕以后忘了, 記錄如下

1.Chocolatey

ChocolateyWindows上的包管理器, 類似Mac上的Homebrew

下載地址:?https://chocolatey.org/

注: 安裝Chocolatey是方便安裝Node.jsPython2, 可跳過(guò), 也可以單獨(dú)安裝Node.jsPython2

安裝命令如下:

choco install nodejs.install

choco install python2

2.Python

Python是一種解釋型、面向?qū)ο?、?dòng)態(tài)數(shù)據(jù)類型的高級(jí)程序設(shè)計(jì)語(yǔ)言。

下載地址:?https://www.python.org/

注: 需要安裝Python2, 暫不支持Python3

3.Node.js

Node.js是一個(gè)基于 Chrome V8 引擎的 JavaScript 運(yùn)行環(huán)境。

下載地址:?https://nodejs.org/

注:

1.安裝穩(wěn)定版, 不要安裝最新版(個(gè)人的經(jīng)驗(yàn))

2.安裝完node后建議設(shè)置npm鏡像以加速后面的過(guò)程(或使用科學(xué)上網(wǎng)工具)。

設(shè)置npm鏡像的命令:

npmconfig set registry https://registry.npm.taobao.org --global

npmconfig set disturl https://npm.taobao.org/dist --global

4.The React Native CLI

The React Native CLI是?React Native 的命令行工具

安裝命令: npm install-g react-native-cli

注: 在命令中輸入安裝命令, 如下圖1

5.JDK

JDKJava 語(yǔ)言的軟件開發(fā)工具包

下載地址:?http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

注: 需要JDK8或更高版本

在命令行輸入java -version來(lái)判斷電腦是否安裝, 或安裝的版本

需要配置環(huán)境變量, 步驟入口

6.Android Studio

Android Studio是一個(gè)Android集成開發(fā)工具

下載地址:?http://www.android-studio.org/

注: 需要需要Android Studio2.0或更高版本。

6.1 安裝HAXM

在初步安裝完成后,選擇Custom安裝項(xiàng):

檢查已安裝的組件,尤其是HAXM加速驅(qū)動(dòng)。

注: 沒(méi)有安裝AVD, 是因?yàn)椴恍枰詣?dòng)的模擬器

6.2安裝SDK

在Android Studio的歡迎界面中選擇Configure | SDK Manager

在SDK Platforms窗口中,選擇Show Package Details,然后在Android 6.0 (Marshmallow)中勾選Google APIs、Android SDK Platform 23、Intel x86 Atom System Image、Intel x86 Atom_64 System Image以及Google APIs Intel x86 Atom_64 System Image

在SDK Tools窗口中,選擇Show Package Details,然后在Android SDK Build Tools中勾選Android SDK Build-Tools 23.0.1。(必須是這個(gè)版本)

6.3 設(shè)置Android的環(huán)境變量

打開控制面板->系統(tǒng)和安全->系統(tǒng)->高級(jí)系統(tǒng)設(shè)置->高級(jí)->環(huán)境變量-> 選中PATH-> 雙擊進(jìn)行編輯

7.安卓模擬器

安卓模擬器種類比較多, windows選擇夜神模擬器

下載地址:?https://www.bignox.com/


大功告成!


最后編輯于
?著作權(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)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • Android 自定義View的各種姿勢(shì)1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 178,769評(píng)論 25 709
  • afinalAfinal是一個(gè)android的ioc,orm框架 https://github.com/yangf...
    passiontim閱讀 15,837評(píng)論 2 45
  • 1.RN的環(huán)境配置 1.1 Windows的RN環(huán)境配置 軟件需要 注意電腦位數(shù)是32/64位對(duì)應(yīng)的軟件可能會(huì)不同...
    Hank_謝旱閱讀 1,431評(píng)論 7 13
  • 是的,我最近很忙,真的超級(jí)忙。 從星期一開始,高級(jí)英語(yǔ)的課文沒(méi)背,presentations沒(méi)準(zhǔn)備。筆譯作業(yè)還沒(méi)翻...
    白于斯閱讀 472評(píng)論 0 2
  • 面對(duì)危險(xiǎn)時(shí),每種生物都會(huì)有自己的策略,我們來(lái)看看狐貍和刺猬的策略。狐貍躲避敵人的方法有很多種,富有創(chuàng)造力卻非常耗費(fèi)...
    胡義華閱讀 608評(píng)論 0 2

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