windows下配置React-Native(Android)開發環境總結
阿新 • • 發佈:2018-11-06
首先配置環境我們需要用到以下工具:
- node.js
- react-native-cli
- Android Studio
- JDK(1.8以上)
- SDK
- python
1.安裝node.js和react-native-cli命令列工具
- node.js下載好按提示安裝好
- npm install -g react-native-cli
2.安裝JDK並配置環境變數
這裡不做說明
3.安裝python
不知道有啥鳥用,官網提示安裝,不裝目前未發現問題
4.安裝Android Studio並安裝Android SDK
安裝好Android Studio後進SDKManager.確保以下專案已經安裝並更新到最新
- Tools /Android SDK Tools
- Tools /Android SDK Platform Tools
- Tools /Android SDK Build-tools(23.0.1) 必須是23.0.1
- Androif 6.0(API 23) /SDK platform
- Extras /Android support Library
- Extras /Android support Repository
將SDK 的platform-tools 加入到環境變數PATH
5.建立專案
進入工作目錄:
react-native init $projiectName
6.執行packager
react-native start
執行成功可用瀏覽器訪問 Http://localhost:8081/index.bundle?platform=android 檢視是否可以看到開啟後的指令碼(看到很長的一段程式碼幾就對)
7.執行模擬器或真機連線
- 模擬器執行
- 真機執行(下載好相應的USB驅動)
- 執行adb devices 可以看到對應的裝置(若找不到adb命令,請檢查SDK環境變數配置)
- adb連線夜神模擬器
adb connect 127.0.0.1:62001
8.安卓執行
保持package開啟,開啟另一視窗,在工程目錄下執行:
react-native run-android
如APK安裝報錯:檢查SDK依賴是否裝衝,和環境變數
紅屏:開發者模式配置IP加8081