React Native 環境搭建

準備工作:

安裝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/ 即可調試

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章