vue项目打包成App

本文介绍了如何将Vue项目完成开发后,通过修改vue.config.js的publicPath和关闭router的history模式,进行npmrunbuild打包。然后在HBuilderX中创建5+App项目,将dist内容导入并配置manifest.json,最后使用HBuilderX的原生App-云打包功能生成apk文件进行安装。
摘要由CSDN通过智能技术生成

地址一
地址二
地址三

一、将项目开发完成后,在vue.config.js 文件中添加路径

publicPath:‘./’
在这里插入图片描述
在router/index.js关闭路由的history模式(默认哈希)

二、npm run build,生成的dist文件目录

在这里插入图片描述

三、打开 HBuilder X 开发工具

新建 => 项目 => 选择 5+app => 输入项目名称

四、只保留manifest.json文件

在这里插入图片描述
将生成的dist文件夹里面的内容复制,放进该文件夹(app1.0)中

五、配置manifest.json文件

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

六、打包

找到HBuilder X 工具栏 => 发行 => 原生App-云打包 选择公共测试证书
在这里插入图片描述

七、会显示打包后的apk文件路径 => 保存到手机安装

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值