借助HbuilderX打包vue项目为App的步骤

(1)将vue项目移入HbuliderX编辑器中
(2)在终端执行npm run build
(3)执行完毕,会生成一个新的文件夹dist。ps:我生成的文件夹不叫这个名字没搞明白为啥,
反正是一个新生成的文件夹,
里面包含有static文件和index.html文件
可以先在chrome里面运行一下index.html,检查下有啥问题没有。
image.png
(4)新建一个H5+APP项目
image.png
(5)新建的项目结构如下:
image.png
(6)把刚刚打包生成的标记为new的文件夹下的内容,粘贴到新建的App项目中:
image.png
(7)删除无用的文件夹
image.png
(8)在manifest.json下配置应用启动图标,启动动画等信息https://ask.dcloud.net.cn/article/94
(9)执行发行:
image.png
该打包方法来自:参考链接
ps:还有什么比价好的可以把vue项目打包成app的方法,欢迎推荐哈~~

阅读 932

推荐阅读