一.將項目開發完成后

在vue.config.js 文件中添加路徑???

publicPath:'./'

? 進行打包? 以vscode 開發工具為例? ，按Ctrl+`? （左上角Tab上面） 鍵 打開終端輸入

? ?npm run build

二.目錄會生成 dist 文件目錄，復制dist文件夾所有文件

三.打開 HBuilder X 開發工具

左上角文件 => 新建 => 項目 => 選擇 5+app => 輸入項目名稱

四.成功創建項目

?五.將復制的dist文件夾下的文件直接粘貼，文件直接覆蓋。

? ? ?找到項目文件? manifest.json? ?配置 appid , app圖標圖片，權限

六.找到HBuilder X? 工具欄 =>? 發行? =>? 原生App-云打包? 選擇公共測試證書

點擊右下角打包?

七. 會顯示打包后的apk文件路徑? =>? ? 保存到手機安裝

?八.完成

總結

以上是生活随笔為你收集整理的将vue,H5项目打包成app，apk安装包的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。