使用Hbuilder把vue项目打包成app

vue

一．前期准备

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打包，因为没有证书，选择公共测试证书（只做了基本配置）