1.官网下载最新的Hbuilderx。

HBuilder打包简单项目(vue项目)APP的教材_安装包

2.准备好一个包含manifest.json的Vue项目,这时会生成manifest.json文件,打开进行详细设置,如图标、描述等详情设置,设置完成后,保存。

HBuilder打包简单项目(vue项目)APP的教材_ios_02

3.首先去App Uploader找到开发证书(开发类型是带development的),点击P12下载到桌面。

HBuilder打包简单项目(vue项目)APP的教材_json_03

4.然后根据里面的Bundle ID新建一个描述文件,也下载到桌面,最后上传到原生打包列表,提交打包。

HBuilder打包简单项目(vue项目)APP的教材_开发语言_04

 

HBuilder打包简单项目(vue项目)APP的教材_xcode_05

5.菜单项点击‘发行->云打包-打原生安装包’,出现如下图所示弹框,取消广告勾选项,点击打包,点击‘没有缺少,继续打包’,等待打包完成。(仅以iOS为例)

HBuilder打包简单项目(vue项目)APP的教材_ios_06

6.打包完成后,保存安装包到目标文件,发送到手机端安装即可运行。

HBuilder打包简单项目(vue项目)APP的教材_ios_07