惊！把vue项目改成electron桌面端应用如此简单

以前vue项目改成桌面端我记得是比较麻烦的，要配置很多的依赖项，没想到现在就是执行几行命令就完事了目标：尝试把此项目改成桌面应用在项目根目录下执行如下命令：vue add electron-builder安装过程中会提示选择版本，一般有三个版本可以选择，选择最新的版本就可以了安装完成后：1.执行npm run serve 正常打开网页端项目2.执行npm run electron:serve打开桌

codingWeb

4964人浏览 · 2020-07-31 16:02:33

codingWeb · 2020-07-31 16:02:33 发布

以前vue项目改成electron桌面端我记得是比较麻烦的，要配置很多的依赖项，没想到现在就是执行几行命令就完事了

目标：尝试把此项目改成桌面应用

在项目根目录下执行如下命令：

vue add electron-builder

安装过程中会提示选择版本，一般有三个版本可以选择，选择最新的版本就可以了

安装完成后：

1.执行npm run serve 正常打开网页端项目
2.执行npm run electron:serve 打开桌面端应用

想打包桌面端应用，执行如下命令

npm run electron:build

效果：完全ok的
在这里插入图片描述

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}$/, //不连续的两位字母// /^