windows下搭建Cordova安卓環境

phoneGap 被收購後衍生出了 Cordova

Android 的開發工具也由 Eclipse 向 Android Studio 靠攏

行業動態在更新，因此資料也要跟着變化...

在開始以前，做爲一個前端，我默認你的電腦上已經裝好 node 了

 

1.全局安裝 Cordova CLI

npm install -g cordova

 

 

2.建立一個應用

cordova create MyApp

 

 

3.進入應用的項目根目錄下，執行下面命令，爲應用添加平臺

cordova platform add android --save
cordova platform add browser --save

上面咱們添加了 android 平臺和瀏覽器平臺

 

若是你想移除平臺（如想移除 android 平臺），可執行下面命令

cordova platform remove android

 

或者想列出當前項目的平臺狀況

cordova platform list

此命令也能夠查看當前系統下支持的平臺有哪些

 

 

4.安裝 JDK

到官網下載：http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html

這裏我選擇了 dk-8u171-windows-x64.exe 來下載安裝

安裝完成後，根據你的 JDK 安裝路徑，爲系統添加 JAVA_HOME 環境變量（好比個人是：C:\Program Files\Java\jdk1.8.0_171）

 

 

5.安裝 Android Studio

到官網下載：https://developer.android.com/studio/

安裝過程按默認傻瓜式安裝便可

安裝完成後，運行，在界面下方找到 Configure —— SDK Manager 進入設置並下載 SDK

個人配置以下圖（注意紅框部分）：

選完後就能夠下載 SDK 了，因爲天朝網絡環境的關係，不排除會出現下載失敗的狀況...

若是你不幸碰到這種狀況，那就找安卓開發把他本地的 SDK 拷一份給你放到你所指定的 SDK 目錄下吧...

當 SDK 下載完後，根據你的 SDK 安裝路徑，爲系統添加 ANDROID_HOME 環境變量（好比個人是：D:\Android\Sdk）

 

 

6.檢測是否知足平臺編譯需求

cordova requirements

若是 Android 平臺的需求都知足，則可開始執行編譯

 

 

7.編譯APP

前面的第 4，5 兩步是 Android 平臺的編譯前置條件，接下來咱們在項目根目錄執行下面命令編譯 APP

cordova build android

這裏只編譯了 Android 平臺的，命令最後的部分是指定編譯的平臺

 

 

7.使用 Android Studio 打開編譯後的項目

 

須要導入根目錄下的 platforms\android 目錄

 

導入成功後，會出現下面的彈窗。注意！這裏千萬別點 Update （點了以後會致使後面 Cordova build android 編譯APP報錯...）

 

而後點擊 IDE 右上角的運行按鈕

 

首次運行可能會沒有任何虛擬設備，這時你須要新建一個虛擬設備

注意圖中紅框部分，這裏選擇建立的虛擬設備都是比較低版本的，緣由是個人電腦配置不高...

新版本的也試過下，沒辦法成功跑起來，緣由不明，畢竟我不是專業的 Android 開發...

 

OK，當你看到下面這個狀態時，說明你的應用已經成功在虛擬設備你跑起來了

接下來，你只要對項目根目錄下的 www 目錄下作開發（其實就是一個再常規不過的前端項目目錄，但要保證入口文件是 www 目錄下的 index.html）

開發完後再編譯一次，就能夠看到最新的 APP 了

環境搭建工做到此結束~