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

(1)将vue项目移入HbuliderX编辑器中

(2)在终端执行npm run build

(3)执行完毕,会生成一个新的文件夹dist。ps:我生成的文件夹不叫这个名字没搞明白为啥,

反正是一个新生成的文件夹,

里面包含有static文件和index.html文件

可以先在chrome里面运行一下index.html,检查下有啥问题没有。

(4)新建一个H5+APP项目

(5)新建的项目结构如下:

(6)把刚刚打包生成的标记为new的文件夹下的内容,粘贴到新建的App项目中:

(7)删除无用的文件夹

(8)在manifest.json下配置应用启动图标,启动动画等信息 https://ask.dcloud.net.cn/article/94

(9)执行发行:

该打包方法来自: 参考链接

ps:还有什么比价好的可以把vue项目打包成app的方法,欢迎推荐哈~~

我来评几句
登录后评论

已发表评论数()

相关站点

热门文章