当前位置:   article > 正文

Vue项目打包成移动App以及在手机上运行_vue打包后的移动端app,页面穿屏

vue打包后的移动端app,页面穿屏

使用工具HBuilder 或者是HBuilder X

  1. 将完成的Vue项目打包 (build)后的dist文件放入编译器,在HBuilder中直接右键选择转换为移动App即可,在HBuilder X中要先新建一个5+App项目

在这里插入图片描述

在新建的test项目中,除了App配置文件manifest.json,其他文件可以全都删除掉。然后,将之前打包好的vue项目中的dist文件夹中的所有文件复制到test项目中
进入manifest.json文件可以配置移动app安装包(apk  /  ipa)

  1. USB连接手机,需要打开开发者选项,打开以下USB功能
    在这里插入图片描述
  2. 手机连上后可以配置manifest.json文件

HBuilder 和 HBuilder X配置界面可能会有差异,功能相同

在这里插入图片描述

  1. 运行index.html文件,选择你自己的手机即可真机测试配置
    在这里插入图片描述

所有的知识都是学习以及总结

文章来源自:https://blog.csdn.net/weixin_44068394/article/details/104894407
  • 1
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/小丑西瓜9/article/detail/245584
推荐阅读
相关标签
  

闽ICP备14008679号