Vue项目打包成移动App以及在手机上运行

使用工具HBuilder 或者是HBuilder X将完成的Vue项目打包 (build)后的dist文件放入编译器,在HBuilder中直接右键选择转换为移动App即可，在HBuilderX中要先新建一个5+App项目在新建的test项目中，除了App配置文件manifest.json，其他文件可以全都删除掉。然后，将之前打包好的vue项目中的dist文件夹中的所有文件复制到...

lanzhengdanrui

2797人浏览 · 2020-03-16 11:16:32

lanzhengdanrui · 2020-03-16 11:16:32 发布

使用工具HBuilder 或者是HBuilder X

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

在这里插入图片描述

在新建的test项目中，除了App配置文件manifest.json，其他文件可以全都删除掉。然后，将之前打包好的vue项目中的dist文件夹中的所有文件复制到test项目中

USB连接手机，需要打开开发者选项，打开以下USB功能
手机连上后可以配置manifest.json文件

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

在这里插入图片描述

运行index.html文件，选择你自己的手机即可真机测试配置

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^