win10的react native 開發環境搭建,使用Android模擬器
阿新 • • 發佈:2018-11-01
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 Location設定為win10系統的環境變數,之後選擇新建或者開啟一個Project,開啟Android Studio的AVD,選擇開啟一個模擬器,Android SDK Build Tools
中勾選Android SDK Build-Tools相應的版本,然後點選apply和ok,等待安裝完成。
然後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載入完成就可以了中間有時候需要不少時間,耐心一些!