Vue cli 3 本地打包 HBuilder Android studio 生成app

vue項目打包

vue.config.js修改publicPath屬性

publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/',

router注釋mode:'history'(否則打包后本地查看顯示空白頁)

const router = new VueRouter({
  // mode: 'history',
  base: process.env.BASE_URL,
  routes
})

打包命令`npm run build`
打包完成后會生成dist文件夾

HBuilder生成本地打包文件

新建H5項目，保留manifest.json文件將其他文件刪除，將打包后的dist文件夾中的文件復制到項目根目錄，填寫manifest.json中信息，添加沉浸式狀態欄

"plus" : {
        "statusbar" : {
            "immersed" : true /*沉浸式狀態欄*/
        },

本地打包，菜單 運行=》本地打包=》生成app資源

Android studio 離線打包

Android studio 安裝

下載直接官網下載即可，我找了個4.0的漢化教程可參考
漢化包下載地址： http://www.sd173.com/soft/1194.html
教程網址： https://jingyan.baidu.com/article/ff42efa93177c0c19e2202c3.html
安裝本地sdk，用Android studio直接安裝sdk沒反應可配置本地sdk
參考網址： https://blog.csdn.net/y_universe/article/details/87857107

Android studio 項目配置

官方網址： https://nativesupport.dcloud.net.cn/AppDocs/usesdk/android
我下載的最新的 Android studio 在配置圖片時與官方提供的教程有區別從網上找的教程可參考
圖標設置: https://www.cnblogs.com/whycxb/p/9096727.html

Android studio 生成apk

生成apk: https://www.cnblogs.com/lsdb/p/9337342.html
生成apk是需要配置秘鑰可參考：
安全秘鑰 https://blog.csdn.net/xiaomengzi_16/article/details/79011977
打包之前建議先安裝安卓虛擬機比較簡單就不說教程了。建議虛擬機選擇安卓10,版本再高容易安裝報錯
*如果遇到什么問題可評論區留言