Electron + Vue 3 桌面应用开发--掘金小册课程推荐/优惠

作者介绍

刘晓伦liulun，资深桌面端开发工程师。目前在一家大型国有控股上市公司任职，主要负责桌面端产品的核心技术研发、重难点技术攻关，以及新技术的预研和技术储备工作，拥有十几年的软件开发经验，在 Electron、 Qt、 CEF 等领域都有较深的知识积累。

现已出版两本与桌面端编程相关的技术图书：《Electron 实战：入门、进阶与性能优化》 和 《深入浅出 Electron：原理、工程与实践》。

掘金小册《CEF 桌面软件开发实战》作者。

小册介绍

如果想开发一个桌面 GUI 应用软件，希望其能同时在 Windows、Linux 和 Mac 平台上运行，可选的技术框架并不多，在早期人们主要用 wxWidgets、GTK 或 Qt 来做这类工作。这三个框架都是以 C/C++ 语言开发，受语言开发效率的限制，开发者想通过它们快速地完成桌面应用的开发工作十分困难。

Electron 框架出现后，传统桌面应用开发的难点，现在看来也变得异常容易。比如，简单界面绘图可以使用 HTML 的 SVG 或 Canvas 技术实现，简单动效就可以用 CSS Animations 或 Web Animations API 来实现，复杂的动效、图形处理、音视频处理等可以借助 Node.js 的原生 C++ 模块实现。

为了弥补 Node.js 和前端技术访问系统 API 方面的不足，Electron 对系统 API 做了封装，比如：系统对话框、系统托盘、系统菜单、剪切板等。开发者基于 Electron 开发应用时，可以直接使用 JavaScript 访问这些 API。其他诸如网络访问控制、本地文件系统的访问控制则由 Node.js 提供支持。

除此之外，现在前端开发框架（Vue、React 等）功能很强大，极大地提升了前端开发工程师完成前端项目的效率和质量。

本小册力争以一个平缓的学习曲线，由浅入深，带领大家学会 Electron 与 Vue 开发桌面应用的基础知识和实战技巧。

你会学到什么

Electron 使用 JavaScript、HTML 和 CSS 构建跨平台的桌面应用，但官方文档涉及到的 JavaScript、HTML 和 CSS 相关的知识并不多，主要还是以介绍 Electron 自身的 API 为主，至于另一个重要成员 Node.js 的知识也几乎未涉及。

如何把这些知识与 Electron 的知识结合起来构建应用，已然成为新入门的开发者面临的第一个难题。

再加上现在很少有人直接使用 JavaScript、HTML 和 CSS 等技术开发前端项目了，大部分开发者都选择使用现代前端框架（Vue、React 等）来完成工作，那如何把 Electron 与这些现代前端开发框架结合起来开发桌面应用就是开发者面临的第二个难题了。

本小册就是为了帮助开发者应对这些难题而“生”的。小册的主要内容如下所示：

总体来说，本小册可以为你带来如下改变和收获：

• 掌握 Electron 与 Vue 3 结合开发桌面应用的必备知识；
• 了解 Electron 的底层知识，知其然并知其所以然；
• 驾驭多种 Electron 与 Vue 3 结合的实战技巧；
• 避开各种技术陷阱，直接运用 Electron 与 Vue 3 结合的最佳实践；
• 从容应对 Electron 的各种疑难杂症；
• 更得心应手地把前端生态体系运用到桌面应用领域。

适宜人群

本小册名为《Electron + Vue 3 桌面应用开发》，旨在带领大家学习如何优雅地使用 Electron 框架与 Vue 3 框架开发桌面应用，并不是系统性介绍 Electron 或 Vue3 基础知识的小册。所以，小册对读者有一定的要求：

• 有一定基础的前端开发者（掌握基础的 Vue.js 开发知识）；
• 学习过 Electron 基础知识的开发者。

如果你具备上述知识储备，那么相信这本小册会非常适合你。

另外，如果你是一个习惯于以平缓的学习曲线，循序渐进、按部就班、一步一个台阶来学习知识的人，那么这本小册也非常适合你。我花了很大精力为每个章节安排关键知识点，难易程度由浅入深，章节和章节之间知识的衔接性也非常强，相信这会非常利于你的理解和实践。

• 如何管控应用的窗口（上）？

• 开篇：简介与主旨

• 如何开发 Vite 3 插件打包 Electron 应用？

• 如何管控应用的窗口（下）？

• 如何开发 Vite 3 插件构建 Electron 开发环境？

• Electron 是什么？可以做什么？

• 如何引入 Pinia 并管控应用的数据状态？

• 如何引入 vue-router 及控制工程架构？

• 桌面应用开发需要掌握哪些数据库知识（上）？

• Electron 应用具备哪些特征？

• 如何引入客户端数据库及相关工具？

• 如何为 Electron 应用开发原生模块？

• 如何调试 Electron 应用？

• 桌面应用开发需要掌握哪些数据库知识（下）？

• 结语：期望与未来

• 如何升级 Electron 应用？

• Electron 疑难杂症解决方案