跳转到主要内容

添加功能

跟随教程

这是 Electron 教程的第 4 部分。

  1. 先决条件
  2. 构建您的第一个应用
  3. 使用预加载脚本
  4. 添加功能
  5. 打包您的应用程序
  6. 发布和更新

添加应用程序复杂性​

如果您一直在跟随学习，您应该拥有一个具有静态用户界面的功能性 Electron 应用程序。从这个起点开始，您通常可以在两个广泛的方向上开发您的应用程序

  1. 向渲染器进程的 Web 应用程序代码添加复杂性
  2. 与操作系统和 Node.js 更深入的集成

理解这两个广泛概念之间的区别非常重要。对于第一点，不需要特定于 Electron 的资源。在 Electron 中构建一个漂亮的待办事项列表只是将您的 Electron BrowserWindow 指向一个漂亮的待办事项列表 Web 应用程序。最终，您正在使用与在 Web 上相同的工具（HTML、CSS、JavaScript）构建渲染器的 UI。因此，Electron 的文档不会深入介绍如何使用标准的 Web 工具。

另一方面，Electron 还提供了一组丰富的工具，允许您与桌面环境集成，从创建托盘图标到添加全局快捷方式再到显示本机菜单。它还在主进程中为您提供了 Node.js 环境的所有强大功能。这组功能将 Electron 应用程序与在浏览器选项卡中运行网站区分开来，并且是 Electron 文档的重点。

操作示例​

Electron 的文档提供了许多教程，可以帮助您了解更高级的主题和更深入的操作系统集成。要开始使用，请查看操作示例文档。

如果您发现缺少某些内容，请告诉我们！

如果您找不到您要找的东西，请在 GitHub 或我们的 Discord 服务器上告知我们！

下一步是什么？​

在本教程的剩余部分，我们将不再关注应用程序代码，而是向您展示如何将您的应用程序从开发人员机器交付到最终用户手中。