electron+vue3

前言：在上一篇中介绍了Notification模块， 这种通知可能会被用户屏蔽掉，而且样式不好修改，可以用tray来实现更多的功能 主进程 定义托盘 新建tray/右键菜单/设置tray toolti

接上一篇，什么是process呢， process既不是electron的东东，也不是vue定义的，它是node体系的： 说白了，process是nodejs的一个对象，好，我们回到问题，在elect

前提：打包用的是vite 渲染进程如何区分不同环境，vue项目如何区分不同环境 当执行vite命令时，会执行.env和.env.development，环境变量以VITE_开头，也可以自行定义前缀 执

electron自带的Notification模块 从主进程发通知 运行结果： 渲染进程发通知 window对象的Notification模块 运行结果： 缺点 浏览器自带的通知，样式不能修改，而且m

记录一下： electron builder打包时出现错误： 解决方法：以管理员的身份运行powershell，那么如何以管理员的身份运行呢？ 找到powershell应用，右击，选择“以管理员身份运

记录一下： 关闭桌面应用，在electron中可以使用app.quit()方法，那么它会触发哪些事件呢： 关闭之后，window-all-closed事件不会被触发。 如果我们要阻止应用关闭，可以在b

记录一下： 用 css的 -webkit-app-region可以实现元素移动，但是设置为drag之后，会发现原来的关闭图标、放大、最小花图标都不能点击了，可以再设置icon的-webkit-app-

需求：用electron+vue3开发一个桌面应用，要做一个自定义导航，如何与主进程之间通信呢 项目当中要使用自定义导航，有关闭、放大、还原功能，如何实现呢 electron定义的窗口了导航，如 下图

用vue-cli来创建一个新的项目，按照提示下载好项目依赖 然后执行 下载总是失败，后面发现是网络资源访问太慢，这个不解释了， 解决方法， 设置环境变量 系统-》高级系统设置-》环境变量，里面加2个环

按照下面的顺序创建一个vue3项目 npm init vite-app 项目名称 cd 项目名称 npm install npm run dev 1. npm init vite-app electr