公司有个内部桌面软件是基于electron vue写的，前几天负责开发这个客户端的人离职，我就成了临时接档优化的人。作为写vue但第一次接触electron的人，花了几天时间浏览了一下electron、electron vue官方文档、客户端代码的整体架构，即便如此，在优化过程中还是遇到了很多麻烦，项目结束后，特此做了一下总结。

在使用vue-cli-plugin-electron-builder的过程中发现一个神奇的问题，每次修改完主进程后，编译都很慢，后来查看日志发现连续四次获取依赖扩展未获取到，错误信息中说Vue Devtools查看文档，发现的确会下载这个依赖插件

对Electron的接触也有一段时间了，大概是3个月，但仅仅是只是接触，并没有完全地深入学习，在网上找到的Electron教程少之又少，满地的HelloWorld看得心力交瘁，作为一名设计师，因为只懂前端的一些皮毛，对于逻辑层和底层业务开发完全是小白中的小白，在这里记录我的学习历程，分享一些学习经验，有像我一样从0开始学习…

Electron 可将网页打包成一个可安装的桌面程序，虽然使用electron-vue 很方便，但是还是要了解一下electron 官网地址：[链接]

先安装 cross-env，用于设置环境变量。因为在后面安装 electron， 需要下载， 默认的源在国内下载很慢，需要通过设置环境变量来切换下载地址

创建项目 {代码…} 渲染进程与主进程通信 主进程 {代码…} {代码…} 渲染进程 {代码…} 模块操作 shell {代码…} fs {代码…} 引入element-ui 安装依赖 {代码…} 配置 {代码…} 引入scss 依赖 因为不用在页面中引入，所有用–save-dev {代码…} 自定义顶部菜单 隐藏顶部菜单 {代码…} 隐藏顶部的导航 以及 最…

前一篇文章简单的介绍了一下vscode源码结构.这次我们来了解一下vscode的运行流程. 下一篇文章我们则切换主题的小案例来深入了解vscode.

一个使用vue-electron脚手架做的小小的客户端demo，使用indexedDB永久存储数据，一直都找不到本地存储的一些应用场景，感觉indexedDB，websql用于像electron跨平台的嵌浏览器内核的应用非常合适，因为这些数据具有永久性、加密性和事务性，比较安全可靠。（现在不是快到过年的，小伙伴可以利用这个项目疯狂tip老板年终奖…

主进程与渲染进程之间的通信 (异步)渲染进程给主进程发送消息，主进程监听到后，给渲染进程反馈 渲染进程 {代码…} 主进程 {代码…} (同步) 渲染进程 {代码…} 主进程 {代码…} 渲染进程没有办法直接调用主进程中的模块，通过remote模块间接的调用主进程中的模块 渲染进程之间的通信 localStorage a渲染进程先给主进…

shell(打开网页) {代码…} 调用shell {代码…} 主进程通知渲染进程打开 主进程 {代码…} 渲染进程 {代码…}