1. 程式人生 > >win10的react native 開發環境搭建,使用Android模擬器

win10的react native 開發環境搭建,使用Android模擬器

1.開啟cmd的管理員模式,win+X,選擇命令提示符(管理員)即可,執行如下命令:

@"%SystemRoot%\System32\WindowsPowerShell\v1.0\powershell.exe" -NoProfile -InputFormat None -ExecutionPolicy Bypass -Command "iex ((New-Object System.Net.WebClient).DownloadString('https://chocolatey.org/install.ps1'))" && SET "PATH=%PATH%;%ALLUSERSPROFILE%\chocolatey\bin
"

執行完之後就按照好了Choco,執行一下命令:

choco install -y nodejs.install python2 jdk8

等一會nodejs 和python2、jdk8就安裝好了,之後執行

npm install -g react-native-cli

之後下載Android Studio,安裝如下component:

  • Android SDK
  • Android SDK Platform
  • Performance (Intel ® HAXM)
  • Android Virtual Device

安裝完成之後,執行Android Studio,

根據下面路徑:Appearance & Behavior → System Settings → Android SDK,複製Android SDK Location,在SDK Platforms視窗中,選擇Show Package Details,然後勾選

  • Android SDK Platform 26
  • Google APIs Intel x86 Atom_64 System Image
  • Intel x86 Atom_64 System Image

在SDK Tools選項卡之下,選擇Show Package Details然後在Android SDK Build Tools

中勾選Android SDK Build-Tools相應的版本,然後點選apply和ok,等待安裝完成。然後把Android SDK Location設定為win10系統的環境變數,之後選擇新建或者開啟一個Project,開啟Android Studio的AVD,選擇開啟一個模擬器,

然後cmd執行如下:

npm install -g expo-cli

初始化你的 React Native project,程式碼如下:

expo init (Your React Native Project Name)
cd (Your React Native Project Name)
npm start

網頁開啟之後CONNECTION選擇local就好,根據提示按a鍵就可以開啟Android模擬器,等待Building JavaScript bundle載入完成就可以了中間有時候需要不少時間,耐心一些!