Hbuilder打包vue项目成移动端app

首先,打包好vue项目

    运行npm run build

打包完成后,在项目目录中会有一个dist文件夹。

然后在Hbuilder中打开这个dist文件夹


这时,这个项目是web应用的项目


需要把它转成app应用的项目,鼠标右键 转换成移动app,dist的图标会由 W 变成 A


然后打开dist目录下的index.html,格式化一下代码


在每个有路径的地方加上 .  (这个很重要,不加上这个点,打包出来的页面就会一片空白)

    


改完之后,接入andriod设备,菜单栏中点击    运行---真机运行



结束,谢谢!!!!

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 180,574评论 25赞 708
  • 用两张图告诉你,为什么你的 App 会卡顿? - Android - 掘金 Cover 有什么料? 从这篇文章中你...
    hw1212阅读 14,611评论 2赞 59
  • 如果你是一个前端新手,如果你被网上的“HBuilder打包手机app的教程”气的想砸电脑,那么建议你看看这篇教程,...
    阿布_0caf阅读 28,228评论 3赞 20

友情链接更多精彩内容