一.將項(xiàng)目開發(fā)完成后

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

publicPath:'./'

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

? ?npm run build

二.目錄會(huì)生成 dist 文件目錄，復(fù)制dist文件夾所有文件

三.打開 HBuilder X 開發(fā)工具

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

四.成功創(chuàng)建項(xiàng)目

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

? ? ?找到項(xiàng)目文件? manifest.json? ?配置 appid , app圖標(biāo)圖片，權(quán)限

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

點(diǎn)擊右下角打包?

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

?八.完成

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。