vue项目打包成app

编程知识 更新时间:2023-05-02 19:55:30

1.将vue项目打包生成dist文件夹

2.下载HbuilderX的APP开发版并且登录

3.在HbuilderX里点击文件>新建>项目,选择5+APP,填写项目名称和存储位置,模板选择空项目。点击创建即可。

4.将HbuilderX里新建项目里的js、css、image文件夹以及index.html删掉。打包的dist的文件夹里的static文件夹和index.html复制粘贴进去。

5.打开manifest.json文件配置几个核心项。

选择基础配置,将应用名称填写上,应用标识(APPID)和应用入口页面会自动填上,无需操作。

其次,选择图标配置,上传一张logo用于手机上app的logo显示,然后点击自动生成所有图标并替换即可。

6.选择发行>原生APP云打包,打安卓包,使用公共测试证书。最后点击右下角打包按钮。

7.打包完成,HbuilderX会返回一个apk的路径,发到自己手机上安装即可。(可能打包会失败,软件会提示你重试或者改为传统打包方式,我是重试了一下打包成功了)

更多推荐

vue项目打包成app

本文发布于:2023-04-28 09:43:00,感谢您对本站的认可!
本文链接:https://www.elefans.com/category/jswz/3ec9e0dec6528ed3dce8abde82ea8cc6.html
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。
本文标签:项目   vue   app

发布评论

评论列表 (有 0 条评论)
草根站长

>www.elefans.com

编程频道|电子爱好者 - 技术资讯及电子产品介绍!

  • 108418文章数
  • 27397阅读数
  • 0评论数