使用electron+vue技术快速开发桌面端应用

光看名字就知道了，electron-vue就是electron和vue的结合体，很轻松的就可以把你的vue项目转化为桌面项目。使用文档：https://simulatedgreg.gitbooks.io/electron-vue/content/en/renderer-process.html下面进入正题：1.搭建一个electron-vue的项目打开终端进入你要创建桌面项目的目录，然后输入...

美酒没故事°

11786人浏览 · 2019-06-05 12:00:03

美酒没故事° · 2019-06-05 12:00:03 发布

在这里插入图片描述

版本支持

node      v16.15.1
npm       8.11.0

官方文档

构建应用

vue create demo
cd demo
vue add electron-builder
此处会提示选择electron版本，选最新的即可

结束后看package.json
在这里插入图片描述

启动应用

npm run electron:serve

启动效果

在这里插入图片描述

目录结构

在这里插入图片描述

业务代码区域

在这里插入图片描述

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