準備工作:
安裝jdk(注意配置好環境),node.js,谷歌瀏覽器
安裝WebStorm,點擊File->Setting->Plugins->搜索並安裝React Native Console插件->重啓;
安裝AVD Manager和SDK Manager(注意配置以管理運行),打開SDK Manager安裝你想要裝的Android SDK版本(這部最好百度一下怎麼操作,最好是有一點搭建安卓環境的基礎,之後是配置ANDEROID_HOME環境變量,這個也自行百度).
打開命令行:npm install -g yarn react-native-cli
初始化一個項目:
打開命令行:react-native init HelloWorld
打開AVD Manager配置一個安卓虛擬機(建議是7版本),start一個安卓虛擬機
打開WebStorm,open HelloWorld文件夾,在WebStorm裏面打開/android/build.grale配置一下安卓編譯環境,依然還是最好有點安卓環境搭建的基礎,修改repositories地址爲國內地址,如將google(),jcenter()刪掉換成:
maven {url "http://maven.aliyun.com/repository/google/"}
maven {url "http://maven.aliyun.com/repository/jcenter/"}
重要的是要看懂ext裏面的配置是什麼意思:
ext {
buildToolsVersion = "28.0.3"
minSdkVersion = 16
compileSdkVersion = 28
targetSdkVersion = 26
supportLibVersion = "28.0.0"
}
可以選擇使用SDK Manager安裝其所需要的版本,也可以將其修改爲你已經下載的有的版本。
之後可以看WebStorm做下角的RN Console,點擊打開面板之後,點擊Debug Android,此時會自動在安卓虛擬機裏面安裝並打開HelloWorld軟件,再點擊Android Dev Menu或在虛擬機上按下Ctrl+m,會出來調試菜單,點擊Enable Live Reload和Enable Hot Reloading。點擊open debug-ui或在谷歌瀏覽器打開http://localhost:8081/debugger-ui/ 即可調試