使用Hbuilder把vue项目打包成app

一．前期准备

1.注册并**账号：https://dev.dcloud.net.cn/
2.下载Hbuilder：https://www.dcloud.io/hbuilderx.html
下载有两个版本，新版本无法转app，所以最好下载两个，老版本转app，新版本配置发行，老版本配置不方便而且无法使用公共证书

二．代码打包

1.打开命令窗口进入项目npm run build
2.把打包的文件拖到Hbuilder（老版本）里面右键转换成app，W变成A

3.manifest.json文件配置，由于老版本Hbuilder不能使用公共证书，我吧文件拷贝到新版本里面配置发行的
点击manifest.json文件会看到可视化配置界面：

3.1基础配置：appid默认有的，如果从其他地方拿的包要重新发行需要重新获取appid，否则无法发行，还有横竖屏设置根据项目需求
3.2.图标配置：app图标，本地上传后点击自动生成所有图表并替换，根据ui需求配置
3.3.没有特别需求可以不用配置
SDK，权限，app常用配置根据项目需求配置，没有特别需求可以不用配置

三．运行发行

1.运行选中入口文件index.html选择运行，看看页面显示是否正常

2.发行
2.1运行没问题以后，选择要发行的包点击发行->原生App云打包

2.2打包，因为没有证书，选择公共测试证书（只做了基本配置）