好久沒有搞過将vue項目打包成app了，這兩天剛好項目需要将vue開發的H5項目打包成APP，那就簡單記錄一次呗（之前也寫過一篇打包app，是将項目使用hbuilder打開，轉為webapp什麼的，就可以直接打包了，現在不一樣了，現在使用HBuilderX還是有些差別）。
第一步：我們将vue項目使用npm run build進行打包，打包後預設獲得dist檔案（如果是純HTML網頁等，可忽略此步驟）；
第二步：我們下載下傳HBuilderX，可前往官網下載下傳 https://www.dcloud.io/hbuilderx.html 下載下傳好以後，打開并建立項目，選擇 5+App 預設模闆，如下圖所示
第三步，我們打開建立項目的檔案，如下圖所示
第四步：我們打開vue打包後的dist檔案，全選複制（快捷鍵 ctrl+a 接着 ctrl+c）
第五步：打開建立項目的檔案目錄，将剛才複制的檔案粘貼進去，需全部覆寫（快捷鍵 ctrl+v），如下圖所示
第六步：使用HBuilderX打開剛建立的項目，找到 manifest.json 進行配置（根據自身需求去配置）
第七步：點選上方菜單【發行】-【原生APP 雲打包（或者本地打包APP）】，如下圖所示，如果沒有證書，就選公共測試證書即可