记录一下vue打包成app（Hbuilder X）

前言： 平时自己有在用 vue 写一些小 app，像待办清单了、记账本了之类的，所以记录一下使用 Hbuilder X 工具将 vue 项目打包成 app 的过程。

一、首先将写好的 vue 项目打包

npm run build
复制

打包后会有 dist 这个文件夹。

二、打开 Hbuilder X

max-width: 200px

1、新建一个 5 + App(A) 项目。

max-width: 200px

2、删除默认的内容。

max-width: 200px

3、将打包后 dist 中的内容复制过来（favicon.ico 和 robots.txt 可以不用）

max-width: 200px

4、修改打包配置

打包需要在 Hbuilder 开发者中心实名认证！！！

max-width: 200px

max-width: 200px

点击发行 -> 原生App-云打包 使用公共测试证书即可

注意：

如需要安全环境，则使用自有证书 -> 如何获取自有证书， 如果是公司项目要求不能云打包，可以自行搭建本地打包环境 -> Android 本地打包指南，ios 本地打包指南