第一步，vue項目開發完成后編譯需要更改的配置項：
網上有人說 productionGzip 可以設置為true，但本人測試發現 productionGzip 為true的話會導致最后一步 打包失敗；
其實設置為 false的話，通過npm run build 編譯出來的js和css文件已經是經過 壓縮 和 混淆 了，設置為true估計是進行第二次壓縮（生成后綴名為gz的文件），最后反而影響Hbuilder的app打包，感覺沒什么必要。當然，如果只是作為web頁面就無所謂了。
配置完之后，通過命令 npm run build 編譯生成生產環境目錄dist:
第二步，准備hbuilder IDE，把生成的dist文件夾放進來右鍵單擊dist文件夾選擇轉化為移動App:
之后直接點擊manifest.json文件，打開打包APP的配置頁面，切換底部的選項卡進行配置，配置完保存：
最后點擊發行為原生安裝包，next就行了：
當然我們還是需要自有證書的，這樣才可以打包出代簽名的apk，這個會單寫一篇。
查看打包狀態：
打包成功后，可以在 項目目錄->unpackage->release 路徑下 找到 打包好的apk文件，放到手機上安裝即可看到效果。
