環(huán)境搭建
Windows 不像 Mac 上那么簡(jiǎn)單,也只能面向 Android 去做選擇征懈。
既然是面向 Andorid石咬,那么 Java 環(huán)境是必不可少的。
Java
????????JAVA_HOME:????C:\Program Files\Java\jdk1.8.0_151
????????CLASSPATH:????.;%JAVA_HOME%\lib\dt.jar;%JAVA_HOME%\lib\tools.jar
????????PATH: ? ? ? ? ? ? ? ? ? %JAVA_HOME%\bin;%JAVA_HOME%\jre\bin
Android SDK
推薦通過(guò)Android Studio一并進(jìn)行安裝下載
配置 Android SDK 的環(huán)境變量卖哎,在系統(tǒng)的環(huán)境變量中添加
項(xiàng)值
????????ANDROID_HOME:????D:\android-sdk-windows
????????PATH:????????%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
注意項(xiàng)
關(guān)于Android SDK里鬼悠,這些是必裝選項(xiàng)
Node.js
必裝選項(xiàng)下載地址。推薦msi版本
安裝成功后亏娜,通過(guò)命令提示符(Ctrl+R焕窝,”cmd”),安裝react-native-cli
在安裝 react-native-cli 之前维贺,推薦先進(jìn)行如下操作
使用國(guó)內(nèi)鏡像源加速
????npm config set registry=https://registry.npm.taobao.org
安裝 yarn
????????npm install -g yarn
yarn 配置國(guó)內(nèi)鏡像源加速
????????yarn config set registryhttps://registry.npm.taobao.org
安裝 react-native-cli
????????npm install -g react-native-cli
Genymotion
????安卓的模擬器它掂,很多都推薦用這個(gè)模擬器,Android Studio有模擬器溯泣,所以這個(gè)非必須
????好不好用不敢說(shuō)虐秋,只能說(shuō)比較卡
????需要安裝 VirtualBox (推薦最新版)榕茧,Genymotion需要注冊(cè)賬號(hào)。
創(chuàng)建項(xiàng)目
????還是使用命令提示符客给,切換到保存項(xiàng)目的目錄用押,輸入:
????React-native init [項(xiàng)目名稱]
開(kāi)始項(xiàng)目
通過(guò)命令提示符啟動(dòng)項(xiàng)目,啟動(dòng)后是作為服務(wù)存在起愈,不要隨意關(guān)閉
react-native start
????????開(kāi)啟服務(wù)后只恨,可以通過(guò)http://localhost:8081/index.android.bundle?platform=android查看情況,會(huì)顯示大篇幅的JS
Android 調(diào)試
????????項(xiàng)目所在目錄抬虽,開(kāi)啟命令提示符啟動(dòng)Android調(diào)試
????????react-native run-android
????????第一次運(yùn)行時(shí)會(huì)安裝較多的包官觅,會(huì)安裝在我的文檔的 .gradle文件夾中。