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

今天 小姐姐给你们分享下本身这两天用HBuilder封装APP的具体步骤,本身也作个小笔记vue


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

图片描述

图片描述


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

图片描述

图片描述


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


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

标题文字

图片描述
图片描述

图片描述


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

图片描述


**ui

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

**spa

相关文章
相关标签/搜索