HBuilder将vue项目打包成移动端app

1.首先创建一个vue项目

在这里插入图片描述

2.什么都不要管,直接npm run build 打包,打包后之后会有一个dist文件

在这里插入图片描述

3 使用HBuilder X 新建一个5+APP

在这里插入图片描述

4 除了manifest.json 其他文件全部删除

在这里插入图片描述
在这里插入图片描述

5然后把打包好的dist文件夹下文件复制到test 下

在这里插入图片描述

6 接着修改index.html

这是默认文件

在这里插入图片描述

在引入文件前面加上 ./
修改后的 每一个都要加上
在这里插入图片描述

7.云打包 点击云打包

在这里插入图片描述

使用公用测试正式 广告全部不要勾选 然后点击打包 打包后之后会返回一个下apk链接 复制链接到浏览器下载 下载后 发给自己手机上 安装就可以了

在这里插入图片描述
在这里插入图片描述

下面是效果图(公司的一个项目)
在这里插入图片描述

刚好做到这么个项目,百度找了很多 都不行 然后自己结合百度的整合,终于搞好了

评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值