1. 本例前提是已有一个vue项目，在终端（项目所在目录下）运行编译打包命令npm run build，完成后，在dist目录下生成index.html和js、img等文件夹：

1. 打开Hbuilder，用注册好的dcloud账号登录（可到dcloud开发者中心注册），点击“文件”--“打开目录”--选择dist文件夹--“确定”：

1. 可以看到一个“W”标识的文件夹，然后右键选择“转换成移动app”，标识变为“A”：

 

1. 双击打开文件manifest.json，配置应用打包信息，下方有很多选项卡，可以看到Hbuilder允许用户对应用信息进行可视化的配置，比起“代码视图”更直观一些：

1. 在“应用信息”里配置有关应用的基本信息：

需要注意的是：

•  appid是程序的唯一标识，可以云端获取，也可以自主命名，自主命名需要注意唯一性，官方给出的建议是反向域名格式，比如com.tencent.wechat；
• 关于版本号，打开代码视图，找到图示这段代码，注意“code”应为整数值，用于各应用市场的升级判断，上架的新版本code应比以前的大，否则将无法正确升级：

1. 另外需要完成“图标配置”和“启动图片配置”，按尺寸要求上传即可。
2. 工具栏上点击“发行”—“云打包—打原生安装包”。
3. 打安卓包（apk）：

• 使用Dcloud公有证书打包

可以选择使用Dcloud公有证书打包（本地测试），也可以使用自有证书打包（上架应用市场）；使用公有证书打包时，仅需要输入包名即可。

• 使用自有证书打包

首先需要生成安卓的签名证书，先确保电脑上安装了JRE，然后使用JRE自带的创建和管理数字证书的工具Keytool，生成证书，设定密钥口令：

生成完证书就可以发布原生包了：

1. 打ios包（ipa）：

• 越狱包：

和安卓的公有证书包类似，不用证书直接打包，可供已越狱的苹果手机安装测试用。

• 使用苹果证书：

要求事先到苹果开发者平台 https://developer.apple.com 注册该app的密钥证书，设定密钥密码，生成描述文件profile，然后正确选择对应的文件进行打包。

至此，打包完成啦！