说明
通过HBuilderX编辑器IDE进行打包,编辑器官网:https://www.dcloud.io/hbuilderx.html
编辑器是dcloud官方开发的,是国人自己的编辑器,虽然和webStorm、VScode这些主流的编辑器还是有差距,但是在小程序、Uni-App、App领域还是做了不少的贡献!
本文以HBuilderX 3.1.22.20210709 版本介绍,不同版本差别还是有点大。
打包
步骤一:Vue Cli 构建
项目写好后,通过npm build 打包
步骤二:复制文件
把Vue Cli 打包好的文件,复制到之前用HBuilderX创建的项目里面,这个项目应该只剩下manifest.json 这个文件了
步骤三:配置 manifest.json
HBuilderX已经做出很多努力,把配置变成图形化了。
需要配置的就是第一个AppID,这个ID需要登录官网:https://dev.dcloud.net.cn/,创建项目后才能获得,因为后面打包是云端打包,因此需要一个ID来区分
创建后界面上会得到App id,填入即可。
步骤四:打包
HBuilderX 3.1.22.20210709 的界面,这个版本新增了云端证书。
云端证书可以通过登录官网,点击App名字进入,
直接生成证书
其他版本可以选择公共测试证书
打包后会在HBuilderX控制台显示打包的情况,不要关闭界面,耐心等待即可。
打包完成后会提示,生成在了你本地。