win10 搭建react-native開發環境


本文地址:http://www.cnblogs.com/jying/p/7992130.html

 

系統:win10

系統內存:8G

java-jdk:1.8.144

開發工具:vs code

首先是網上很受歡迎的一篇搭建文章:在windows下搭建React Native Android開發環境

其中有些內容過時了,有些頁面打不開了,本文對其進行實踐后重新寫一篇 ↓↓↓

安裝JDK

Java官網下載JDK並安裝。請注意選擇x86還是x64版本。(需要安裝1.8.* 版本,我之前安裝過,版本號是1.8.144)

推薦將JDK的bin目錄加入系統PATH環境變量。(目前安裝后應該可以自動配置到Path環境變量了)

安裝Android SDK

可以單獨安裝Android SDK,也可以通過Eclipse ADT或者Android Studio一並安裝。請注意選擇x86還是x64版本。(我系統之前已經安裝過Eclipse了)

cmd中輸入android並回車,會自動啟動 Android SDK Manager,選擇要安裝的項進行安裝(國外鏈接可能訪問不到,請切換到國內鏡像,本文不介紹如何切換國內鏡像)

然后進入SDKManager(可通過Android Studio菜單Tools-Android-SDK Manager),確保以下項目已經安裝並更新到最新(即上圖所安裝的選項):

Tools/Android SDK Tools
Tools/Android SDK Platform-tools
Tools/Android SDK Build-tools (23.0.1)(這個必須版本嚴格匹配23.0.1)
Android 6.0 (API 23)/SDK Platform (1)
Extras/Android Support Repository

推薦將SDK的platform-tools子目錄加入系統PATH環境變量。

最后,把ANDROID_HOME環境變量設置為你sdk所在目錄。(此兩項系統環境變量應該也可以自動添加,請自行檢驗)

安裝git for windows

這里下載安裝,安裝過程中注意選擇"Run Git from Windows Command Prompt"

安裝Python

官網下載並安裝python 2.7.x(3.x版本不行)

安裝node.js

官網下載node.js的官方5.x版本或更高版本。

建議設置npm鏡像以加速后面的過程(或使用科學上網工具)。

npm config set registry https://registry.npm.taobao.org --global
npm config set disturl https://npm.taobao.org/dist --global

安裝react-native命令行工具

npm install -g react-native-cli

創建項目

進入你的工作目錄,運行

react-native init MyProject

根據你的網速耐心等待數(或數十)分鍾。

運行模擬器

本來我系統之前安裝過微軟的vs emulator for Android ,但這個需要系統啟用Heypr-V 虛擬機管理服務,但發現啟動該服務后會導致系統藍屏。。。無奈棄之。

推薦使用Genymotion (需要注冊賬號才能下載,注冊請選擇個人開發,其他身份收費)

若本地未安裝過VirtualBox請下載包含VirtualBox 版本。

下載完成后安裝exe,安裝成功后創建一個模擬器,並啟動模擬器。

(如果有真機,可以不必運行模擬器,要配置好驅動,使得adb devices可以看到對應的真機設備。)

安卓運行

進入文件夾MyProject,然后運行

react-native run-android

首次運行需要等待數分鍾並從網上下載gradle依賴。(這個過程屏幕上可能出現很多小數點,表示下載進度。這個時間可能耗時很久)

運行完畢后可以在模擬器或真機上看到應用自動啟動了。

 

修改App.js雙擊鍵盤R鍵看到虛擬機刷新改變了。OK,成功!

 本文地址:http://www.cnblogs.com/jying/p/7992130.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM