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

本日 小姐姐给人人分享下本身这两天用HBuilder封装APP的具体步骤,本身也做个小笔记

来日诰日三八,,夏历二月二(要吃豆豆哦)
提早祝人人节日快乐!
  1. 第一步起首打包好本身的项目(vue开辟的项目),翻开编辑器翻开打包好的dist文件,填写项目名称,点击完成,(如图所示)

《用HBuilder打包简朴项目(vue项目)APP的步骤》

《用HBuilder打包简朴项目(vue项目)APP的步骤》

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

《用HBuilder打包简朴项目(vue项目)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的步骤》

**

案例github地点:
https://github.com/wangruifan…

**

    原文作者:王瑞芳
    原文地址: https://segmentfault.com/a/1190000018420394
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞