提起这个方案，还要从某个风和日丽的早晨说起。那日小编正忙着手上的各种需求，突然后端的亲火急火燎的找到小编，说是有一个重要的用户，在使用 Word 在线编辑文档功能时，发现保存的文件被篡改了。一听到这，我心想这下摊上事儿了，妥妥的线上故障，但还是故作镇定的开始排查是什么问题。 经…

不同浏览器，其Storage对象的get和set机制不一样。简单的赋值不能顶替其原型方法，但是通过Object.defineProperty和Proxy能够重写localStorage的原型方法。

其实Electron的系统通知比较简单，是用HTML5的Notification实现的，但是在这儿需要注意的是，windows平台发送通知是需要为程序设置appId（下一篇文章我们讲解下Electron怎么打包，怎么设置应用程序图标）。 接下来，我们新建一个页面，来测试下渲染进…

1. 设置应用appId 2. 增加vue.config.js 这个文件是用来配置打包工具electron-builder的参数，代码中有对应的注释，按照对应的配置修改为自己的图标就好。 electron打包最主要的就是在vue.config.js 对electronBuild…

我们基于上一篇文章的代码（上一篇文章的git地址：https://gitee.com/hedavid/electron-vue-demos）接着写。先看下上一篇文章实现的样式： 但是现在又有一个新问题，应用没有关闭按钮，没有最小化按钮，也不能拖拽移动位置了，接下来我们为他创建一…

项目搭建比较简单，直接使用 electron-vue 的官方模板就可以生成项目，需要安装 vue-cli 命令行工具。 项目打包也比较简单，可能也是因为我的项目本身不复杂吧。普通打包执行 npm run build 即可，如果要打包成免安装文件，执行 npm run build…

最新Electron + Vue3 +Ant Design Vue 桌面应用从项目搭建到打包整个过程

最近一直在折腾electron技术，由于Electron 是一个使用 JavaScript, HTML 和 CSS 等 Web 技术创建原生程序的框架，可以使用vue开发页面，加上之前有使用vue开发过聊天实例，于是采用electron+vue技术选型项目开发。 有关elect…

本文将探讨Electron + Vue3结合使用的问题，通过实用案例手把手教你基于@vue/cli从零搭建完整项目框架。