1.準備一個VUE專案，以官方提供的VUE模板為例子

vue init webpack demo

2.在index.html裡面引入cordova.js

<script type="text/javascript" charset="utf-8" src="cordova.js"></script>

3.更改配置檔案：config——>index.js裡面的assetsPublicPath

assetsPublicPath: "./"

改為：

assetsPublicPath: ""

4.在main.js裡面初始化cordova

var app = {
  initialize: function() {
    document.addEventListener(
      "deviceready",
      this.onDeviceReady.bind(this),
      false
    );
    document.addEventListener("pause", this.onPause.bind(this), false);
    document.addEventListener("resume", this.onResume.bind(this), false);
  },
  onDeviceReady: function() {
    console.log("deviceready");
  },
  onPause: function() {
    console.log("pause");
  },
  onResume: function() {
    console.log("resume");
  }
};
app.initialize();
 

5.編輯vue專案：

npm run build

將編譯後的dist資料夾裡面的問價複製到前面我們搭建的第一個專案裡面的www裡面，

然後進入專案，進行打包編譯：

cordova build android --browserify 

至此，Vue專案已經被打包成apk並通過資料線在真機上安裝，可通過谷歌的除錯外掛進行除錯。