资讯专栏INFORMATION COLUMN

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

Andrman / 1758人阅读

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

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


明天三八,,农历二月二(要吃豆豆哦)
提前祝大家节日快乐!

第一步首先打包好自己的项目(vue开发的项目),打开编辑器打开打包好的dist文件,填写项目名称,点击完成,(如图所示)


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


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


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



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


**

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

**

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/53813.html

相关文章

  • HBuilder打包简单项目vue项目APP步骤

    摘要:打包完成后如图一所示点击弹窗确定按钮查看打包状态信息,图二显示打包列表信息,点击右侧手动下载,展示如下图三所示,保存安装包到目标文件,发送到手机端安装即可运行。 今天 小姐姐给大家分享下自己这两天用HBuilder封装APP的具体步骤,自己也做个小笔记 明天三八,,农历二月二(要吃豆豆哦) 提前祝大家节日快乐! 第一步首先打包好自己的项目(vue开发的项目),打开编辑器打开打包好的...

    Labradors 评论0 收藏0
  • HBuilder打包简单项目vue项目APP步骤

    摘要:打包完成后如图一所示点击弹窗确定按钮查看打包状态信息,图二显示打包列表信息,点击右侧手动下载,展示如下图三所示,保存安装包到目标文件,发送到手机端安装即可运行。 今天 小姐姐给大家分享下自己这两天用HBuilder封装APP的具体步骤,自己也做个小笔记 明天三八,,农历二月二(要吃豆豆哦) 提前祝大家节日快乐! 第一步首先打包好自己的项目(vue开发的项目),打开编辑器打开打包好的...

    yck 评论0 收藏0

发表评论

0条评论

Andrman

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<