使用HBuilder将Vue项目或原生项目打包App教程(图文教程)

一：如果是vue项目，先将项目yran build打包成dist文件
如果是原生项目，将所有文件放在一个文件夹中
vue项目

原生项目图片

二：在HBuild中打开项目

三：打开指定文件夹

四：右键转换成App类型

五：然后配置manifest.json文件里内容
应用信息配置
appid点击云端自动获取
填写应用名称
勾选应用是否选用全屏
选择自动横竖屏
图标配置

启动图片配置、SDK配置选择默认项
模块权限配置
里面有警告或者错误信息，要删除

页面引用关系配置
直点起结束即可
六：运行
确保手机通过usb连接到电脑端，并且保持检测可用状态

七：发行

八：选择打包状态，我这里选择的是安卓打包

九：打包状态

十：下载即可使用

十一：完成