（Vue+Vue-cli+VueRouter+Webpack 構建單頁面應用推薦看下面二個
https://lvyongbo.gitbooks.io/vue-loader/content/
http://blog.guowenfh.com/2016/03/24/vue-webpack-01-base/
）
安裝Cordoca CLI
-
下載和安裝Node.js。安裝完成后你可以在命令行中使用node 和 npm .
-
安裝cordova 模塊使用Nodejs的npm工具。cordova模塊會被npm工具自動下載。(如果npm源太慢，可以使用中文的鏡像，中文鏡像安裝網站,https://npm.taobao.org/)
-
在OS X和Linux上:
sudo npm install -g cordova- 在Windows上:
npm install -g cordova-g標志是告訴 npm 我們全局安裝 cordova。否則我們將會安裝在當前工作目錄的 node_modules子目錄。安裝完成后，你應該能夠在命令行中運行cordova命令，在沒有任何參數的時候會打印一些幫助信息。
創建APP
- 跳轉到你維護源代碼的目錄中，並創建你的cordova項目：
$ cordova create hello com.example.hello HelloWorld添加平台
所有后續命令都需要在項目目錄或者項目目錄的任何子目錄運行
$ cd hello- 給你的App添加目標平台。我們將會添加'ios'和'android'平台，並確保他們保存在了config.xml中:
$ cordova platform add ios --save $ cordova platform add android --save- 檢查你當前平台設置狀況:
$ cordova platform ls運行add或者remove平台的命令將會影響項目 platforms的內容，在這個目錄中每個指定平台都有一個子目錄。
注意:在你使用CLI創建應用的時候， 不要 修改/platforms/目錄中的任何文件。當准備構建應用或者重新安裝插件時這個目錄通常會被重寫。
安裝構建先決條件
要構建和運行App，你需要安裝每個你需要平台的SDK。另外，當你使用瀏覽器開發你可以添加 browser平台，它不需要任何平台SDK。
檢測你是否滿足構建平台的要求:
$ cordova requirements
Requirements check results for android: Java JDK: installed . Android SDK: installed Android target: installed android-19,android-21,android-22,android-23,Google Inc.:Google APIs:19,Google Inc.:Google APIs (x86 System Image):19,Google Inc.:Google APIs:23 Gradle: installed Requirements check results for ios: Apple OS X: not installed Cordova tooling for iOS requires Apple OS X Error: Some of requirements check failed構建ANDROID環境
安裝JAVA開發工具包(JDK)
- 安裝Java Development Kit (JDK) 7或者最新的。
- 在WINDOWS環境變量環境中添加JAVA_HOME,設置為JDK的目錄，目錄包含(lib,bin等)
- 在windows環境變量PATH中添加%JAVA_HOME%\bin;
Android SDK
- 下載Android Studio並安裝（官方文檔說 僅安裝 Android Stand-alone SDK 也可。但因為cordova6.5未能和最新的SDK完全匹配，導致不能用，所以要安裝完整的android studio）
- 安裝好后暫時不要啟動，先添加ANDROID_HOME,ANDROID_SDK_ROOT環境變量，指定為安裝好的android sdk 目錄，默認路徑:(C:\Users{username}\AppData\Local\Android\sdk)
- 在path環境變量加追加：%ANDROID_HOME%\tools;%ANDROID_HOME%\platform-tools
- 添加SDK包 在安裝完Android SDK后,你需要安裝任何你希望的目標API級別的SDK包。建議你安裝cordova-android(參見上面)支持的最高級別的SDK包。 打開Android SDK Manager（Android studio->tools->Android->SDK MANAGER），並確保下面已經安裝:
- 目標Android版本的Android Platform SDK
- Android SDK build-tools，版本19.1.0或者之上
- Android Support Repository (在"Extras"查找)
要求和支持情況
Cordova支持Android需要Android SDK，它可以安裝在OS X, Linux和Windows上。查看 Android SDK的 系統要求. Cordova最新的Android包支持的是AndroidAPI-級別 23。 最近幾年 cordova-android支持的Android API-級別可以在下面這個表中看到:
cordova-android 版本 支持的 Android API-級別 5.X.X 14 - 23 4.1.X 14 - 22 4.0.X 10 - 22 3.7.X 10 - 21 注意這里列出的版本是給Cordova Android包， cordova-android的, 而不是Cordova CLI的。要想知道你的Cordova項目中安裝的Cordova Android包的版本，你可以在項目目錄中運行cordova platform ls。 作為一般規則，當Android版本在Google分布面板占比跌破5%Cordova就不會支持了。
- 因為cordova6.5還未匹配當前最新（2017-03-18）的SDK TOOL,打包任需要用到Gradle，下載地址:https://downloads.gradle.org/distributions/gradle-3.3-all.zip
- 解壓到ANDROID_SDK目錄下的tools\gradle-3.3目錄下.然后設置環境變量,%GRADLE_HOME%為剛剛解壓的目錄，並在環境變量PATH加入%GRADLE_HOME%\bin
構建App
默認情況下, cordova create生產基於web應用程序的骨架，項目開始頁面位於www/index.html 文件。任何初始化任務應該在www/js/index.js文件中的deviceready事件的事件處理函數中。
運行下面命令為所有添加的平台構建:
$ cordova build你可以在每次構建中選擇限制平台范圍 - 這個例子中是'android':
$ cordova build android測試App
官方文檔中是能用以下命令通過android模擬器測試
cordova emulate android但因為之前說的6.5未兼容最新的android studio問題，這些命令是無聊的。暫時只能手動創建android模擬器，並運行。在本地通過
cordova build android構造好APP后，將APK拖到模擬器中安裝來實現測試，APK默認輸出目錄
{app path}\platforms\android\build\outputs\apks