资讯专栏INFORMATION COLUMN

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

alanoddsoff / 2612人阅读

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

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


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

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


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


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


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



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


**

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

**

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

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

相关文章

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

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

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

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

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

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

    Andrman 评论0 收藏0
  • webpack4+vue实现多页面,结合Hbuilder快速开发APP

    摘要:前言多页面应用于结构较于简单的页面因为简答的页面使用又过于麻烦本脚手架出于这样的场景被开发出来使用脚手架搭配也同样可以快速使用开发安卓和本文最大特点多页面跨域代理移动端调试转换项目地址使用手册是一个多页面脚手架工具结合可以快速开发安卓与苹果 前言 多页面应用于结构较于简单的页面,因为简答的页面使用router又过于麻烦.本脚手架出于这样的场景被开发出来. 使用脚手架搭配Hbuilder...

    jayce 评论0 收藏0
  • uni-app官方教程学习手记

    摘要:当时下载了一个,下载了官方提供的示例教程。关于项目目录开发规范一定要遵守,直接通过官网学习即可。最后就是发布安卓包和苹果包了。我将自己做的第一个新闻列表新闻详情程序打包,安装到了安卓手机上测试了下,效果非常棒。 本人微信公众号:前端修炼之路,欢迎关注 背景介绍 大概在今年的十月份左右,我了解到Dcloud推出了uni-app。当时下载了一个Hbuilder X,下载了官方提供的hell...

    chanthuang 评论0 收藏0

发表评论

0条评论

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