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

vue 专栏收录该内容
2 篇文章 0 订阅

1.首先创建一个vue项目

在这里插入图片描述

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

在这里插入图片描述

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

在这里插入图片描述

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

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

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

在这里插入图片描述

6 接着修改index.html

这是默认文件

在这里插入图片描述

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

7.云打包 点击云打包

在这里插入图片描述

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

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

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

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

  • 1
    点赞
  • 4
    评论
  • 8
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值