1. 程式人生 > >windows下配置React-Native(Android)開發環境總結

windows下配置React-Native(Android)開發環境總結

首先配置環境我們需要用到以下工具:

  • node.js
  • react-native-cli
  • Android Studio
  • JDK(1.8以上)
  • SDK
  • python

1.安裝node.js和react-native-cli命令列工具

  1. node.js下載好按提示安裝好
  2. npm install -g react-native-cli

2.安裝JDK並配置環境變數

這裡不做說明

3.安裝python

不知道有啥鳥用,官網提示安裝,不裝目前未發現問題

4.安裝Android Studio並安裝Android SDK

安裝好Android Studio後進SDKManager.確保以下專案已經安裝並更新到最新

  1. Tools /Android SDK Tools
  2. Tools /Android SDK Platform Tools
  3. Tools /Android SDK Build-tools(23.0.1) 必須是23.0.1
  4. Androif 6.0(API 23) /SDK platform
  5. Extras /Android support Library
  6. 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.執行模擬器或真機連線

  1. 模擬器執行
  2. 真機執行(下載好相應的USB驅動)
  3. 執行adb devices 可以看到對應的裝置(若找不到adb命令,請檢查SDK環境變數配置)
  4. adb連線夜神模擬器
adb connect 127.0.0.1:62001

8.安卓執行

保持package開啟,開啟另一視窗,在工程目錄下執行:

react-native run-android

如APK安裝報錯:檢查SDK依賴是否裝衝,和環境變數
紅屏:開發者模式配置IP加8081