1.首先项目开发完之后 （我使用的是vue-cli 3.*版本）
image.png
第一步: 在项目文件夹下创建一个 vue.config.js
module.exports = {
publicPath: “./”, // 打包 配置这个可以先本地查看下 效果
productionSourceMap: false // 调试文件的功能关闭 能加快打包
};
第二步: 运行命令行 npm run build
image.png
第三步：项目文件夹下生成一个 dist文件夹 下面有这些文件 然后打开index.html 本地预览可以
image.png
第四步：然后打开huilderX 创建一个 5+App项目
image.png
第五步: 创建完成之后 打开文件目录
image.png
第六步:把你vue项目打包的文件 把这里的 相同的文件 覆盖掉
主要是 css img js 文件夹 和index.html文件 完成之后 进入项目 打开manifest.json 文件 进行基础的配置 包括版本 名称 图标 sdk等配置
将如下选中文件删除
image.png
然后将vueKK项目里的dist下的文件复制到h5Demo项目中
image.png
第七步：在h5Demo项目中点击manifest.json文件
image.png
第八步：进入hBuilderX 右击项目->发行->原生app云打包
如有有自己的开发id就用自己的 没有就用dcloud的公有证书
点击打包 等到打包完成 他会返回一个app的下载地址 你下载下来
是一个apk文件 然后传到手机上就可以 点击安装了
安装完之后 测试 可以 表示打包成功了
本人也是前端 小白 期待大佬的指点 自己一个人摸搜也是走了不少弯路
image.png
第九步：apk打包成功
