首先,运行npm run build将vue项目进行打包,完成之后会生成dist文件,(我的打包文件名为www,以下统一用www显示)
打开Hbuilder,点击文件,选择“打开目录”,
点击浏览,选择项目文件下打包生成的www文件,点击确定,就将文件导入了Hbuilder,
(项目名称是自己起的,可以自填,也可以不改,这个是打包好之后安装在手机上显示的APP名,所以最好还是改一下)
点击完成,左边菜单栏会生成w图标开头的文件,意思是web文件
然后点击文件右键,选择“转换成移动APP”
文件开头的小图标会从W变成A,同时文件夹下会生成manifest.json文件,代表转换成功。如果最开始没有在导入文件的时候改变项目名称,现在在manifest.json中改写应用名称也是可以的。版本号代表打包之后的APP的版本,使用HBuilder打包的APP通过获取版本号更新安装包时,可以通过改变此版本号来区分不同版本
右键点击“发行“,选择“发行为原生安装包”,
第一次打包时不会主动选择打成iOS还是android,要手动勾选,选中android,点击“打包”
确定没有缺少打包权限,点击“继续打包”
点击“确定”,可以查看打包状态
打包好的apk文件在vue项目的www文件下的unpackage下的release文件中