使⽤HBuilderX实现打包vue项⽬成app ⼀、准备开发⼯具
开发⼯具：HBuilderX
（标准版需要⾃⼰安装插件，app开发版已经把app开发常⽤的插件安装好了，开箱即⽤，建议使⽤开发版）
⼆、打包⽣成⼀个vue项⽬
就拿⼿头上⼀个vue项⽬进⾏打包，vue项⽬预览如下：
打包⽣成的项⽬结构：
三、创建HBuilder的app项⽬
（请先注册HBuilde账号并登录，打包的时候需要登录，并获取应⽤识别AppID）
创建完后会看到以下结构：
其中css、img、js⽂件夹换成打包后的static，index.html换成打包后的index.html。
Unpackage是⽤来放置app图标等app⽂件的，index.html是app⼊⼝，manifest.json是⽤来打包成app的配置⽂件。替换完后，变成以下⽬录结构：
四、配置manifest.json
点击manifest.json会打开配置页⾯。
1、基础配置：
①：应⽤识别AppID：云端获取，需要注册并登录原生安卓app开发
②：应⽤名称、版本、版本号等设置按说明填写即可
2、图标配置：设置app图标，上传完图⽚后，点击⾃动⽣成所有图标并替换，如下：
3、启动图配置：
不显⽰等待雪花
设置安卓启动图⽚
4、SDK配置：根据项⽬使⽤情况填写
5、模块权限配置：根据项⽬使⽤情况填写
6、源码视图：略
五、进⾏打包
以上配置完成后，就可以进⾏打包App了。点击发⾏，选择原⽣App-云打包，会弹出云打包弹框：
1、暂时只打包安卓，所以只勾选安卓
2、如果没有⾃有证书，就选择使⽤DCloud公⽤证书
3、不勾选⼴告联盟和换量联盟
如下：
点击打包即可。
提交完后，留意HBuilderX控制台信息点击下载链接下载安装包就可以了。

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。