2

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


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

图片描述

图片描述


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

图片描述

图片描述


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


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

标题文字

图片描述
图片描述

图片描述


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

图片描述


**

案例github地址:https://github.com/wangruifan...

**


王瑞芳
52 声望4 粉丝

前端工程师