1 Electron是什么？

        官方的解释：

Build cross-platform desktop apps with JavaScript, HTML, and CSS

简单说，就是通过前端技术栈实现桌面应用的开发，桌面应用包括：linux、window、mac。

1.1 中文官网地址

Build cross-platform desktop apps with JavaScript, HTML, and CSS | Electron

2 我与Electron结缘

        2019年，因为汇报需要，我要完成一份汇报ppt，那会就想着怎么去创新。因为感觉使用传统ppt，总觉得缺少点什么，现在想想应该是缺少一点新意吧。就想自己倒腾一个ppt，一开始设想是开发一个静态页面，但是又觉得low了点。就想能不能用最简单的、最低的成本，做一个类似ppt的事情。于是百度上翻找一下，Electron就进入到我的视野了。又看到Vscode的开发技术栈，发现就是由Electron作为打包技术基础的，一下子，Electron就引起我的深度兴趣了。并于当年完成了一个基于Electron + Vue + ElementUI的桌面版ppt。

        时隔4年多，到了2023年的今天，我开始想沉淀下这块的技术栈，并且想深入的应用下，以Electron作为桥梁与操作系统的交互api。所以有了该系列的文章了。

        本系列文章，主要是分享如何从前端应用到一步步变成桌面应用的过程，以及这个过程，应用如何直接与操作系统通信，最重要的是分享，这个版本的Electron以及其配套的技术栈的使用技巧，以及遇到的问题的解决方案。

下一篇介绍Electron的使用准备。