1.将vue项目打包生成dist文件夹
2.下载HbuilderX的APP开发版并且登录
3.在HbuilderX里点击文件>新建>项目,选择5+APP,填写项目名称和存储位置,模板选择空项目。点击创建即可。
4.将HbuilderX里新建项目里的js、css、image文件夹以及index.html删掉。打包的dist的文件夹里的static文件夹和index.html复制粘贴进去。
5.打开manifest.json文件配置几个核心项。
选择基础配置,将应用名称填写上,应用标识(APPID)和应用入口页面会自动填上,无需操作。
其次,选择图标配置,上传一张logo用于手机上app的logo显示,然后点击自动生成所有图标并替换即可。