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,版本再高容易安装报错
*如果遇到什么问题可评论区留言