­

cordova環境搭建

  • 2019 年 10 月 11 日
  • 筆記

一、步驟列表

  1. 準備依賴環境
  2. 安裝cordova
  3. 創建app,並build

二、準備依賴環境

1. 需要準備的安裝包

說明:gradle下載後,解壓到硬盤某個目錄即可;安裝步驟:java->node->adb-studio

2. 配置依賴包的環境變量

2.1 java環境變量:

新建->變量名" JAVA_HOME ",變量值" C:Program FilesJavajdk1.8.0_13 1"(即JDK的安裝路徑)

編輯->變量名" Path ",在原變量值的最後面加上「 ;%JAVA_HOME%bin;%JAVA_HOME%jrebin 」 (注意前面的 ; )

新建->變量名「 CLASSPATH 」,變量值「 .;%JAVA_HOME%lib;%JAVA_HOME%libdt.jar;%JAVA_HOME%libtools.jar 」(注意最前面有一點)

2.2 配置gradle環境變量:

新建->變量 GRADLE_HOME, 變量值為gradle的路徑:D:Program Filesgradle-4.1-bingradle-4.1

修改->變量 Path,即追加 ";%GRADLE_HOME%bin"(注意前面的 ; )

3. 安裝和配置adb-studio

1. 安裝完成後,打開adb-studio,並選擇 sdk manager

2. 選擇要安裝的sdk包

3. 配置adb的環境變量

3.1 新建->變量ANDROID_HOME,值為sdk路徑,如上圖所示的 android sdk location值

3.2 編輯->變量path,值為";%ANDROID_HOME%platform-tools;%ANDROID_HOME%tools"

三、安裝和配置cordova

1. 修改npm源和安裝

npm config set registry https://registry.npm.taobao.org npm install -g cordova

四、創建和打包

cordova create hello  cordova platform add android  cordova requirements  cordova build android

注意事項

1. 在第一次安裝好android sdk後,最好不更換路徑,否則cordova requirements命令會運行失敗

2. 虛擬器不支持模擬器調度

build成功的界面