用HBuilder打包简单项目(vue项目)APP的步骤

发布时间:2019-05-15 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了用HBuilder打包简单项目(vue项目)APP的步骤脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

今天 小姐姐给大家分享下自己这两天用HBuilder封装APP的具体步骤,自己也做个小笔记


明天三八,,农历二月二(要豆豆哦)
提前祝大家节日快乐!
  1. 第一步首先打包好自己的项目(vue开发的项目),打开编辑器打开打包好的dist文件,填写项目名称,点击完成,(如图所示)

图片描述

图片描述


2.选中指定目录,右键单击下拉列表中:选择‘转换成移动APP’选项,弹框点击确定(如图所示)

图片描述

用HBuilder打包简单项目(vue项目)APP的步骤


3.这时会生成manifest.json文件,打开进行详细设置,如图标、描述等详情设置,设置完成后,保存。

用HBuilder打包简单项目(vue项目)APP的步骤


4.菜单项点击‘发行->打包-打原生安装包’,出现如下图2所示弹框,取消广告勾选项,点击打包,弹窗图3所示,点击‘没有缺少,继续打包’,等待打包完成。

用HBuilder打包简单项目(vue项目)APP的步骤

用HBuilder打包简单项目(vue项目)APP的步骤


用HBuilder打包简单项目(vue项目)APP的步骤

用HBuilder打包简单项目(vue项目)APP的步骤


5.打包完成后如图一所示点击弹窗‘确定’按钮查看打包状态信息,图二显示打包列表信息,点击右侧手动下载,展示如下图三所示,保存安装包到目标文件,发送到手机端安装即可运行。

用HBuilder打包简单项目(vue项目)APP的步骤


用HBuilder打包简单项目(vue项目)APP的步骤

用HBuilder打包简单项目(vue项目)APP的步骤


**

@H_360_110@案例gIThub地址:https://github.com/wangruifan...

**

脚本宝典总结

以上是脚本宝典为你收集整理的用HBuilder打包简单项目(vue项目)APP的步骤全部内容,希望文章能够帮你解决用HBuilder打包简单项目(vue项目)APP的步骤所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。