如何打包vue-cli项目

本文详细介绍了如何使用HBuilder将Vue项目打包成APK的过程。从运行dev检查错误开始,到修改config/index.js中的路径设置,再到利用HBuilder进行项目打包,最后发行原生安装包,全程步骤清晰,适合初学者上手。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

如何把vue项目打包成apk?请按照以下步骤执行。。。
ps:本人用的是HBuilder编辑器

  1. 首先npm run dev跑一下项目看有没有报错。
  2. 然后在项目中的config文件夹中找到index.js文件,
    在文件中找到 build: {assetsPublicPath: ‘/’,},路径设置为 assetsPublicPath: ‘./’。
  3. 然后npm run build打包一下项目,会生成一个dist文件夹。
  4. 然后用HBuilder打开一个目录选中这个dist文件。
  5. 然后右键这个新建文件夹,看到有个提示信息"转换成移动APP"点击。此时图标会变成一个A就是打包成功。
  6. 然后点击发行,发行为原生安装包,进行打包即可。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值