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