當(dāng)前位置:
首頁 >
将vue,H5项目打包成app,apk安装包
發(fā)布時(shí)間:2023/12/9
36
豆豆
生活随笔
收集整理的這篇文章主要介紹了
将vue,H5项目打包成app,apk安装包
小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
一.將項(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)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: Sublime Text怎么快速建立一个
- 下一篇: vue(h5)打包apk