使用 Electron 开发跨平台桌面应用程序

Electron 是一个流行的开源框架，可以使用 Web 技术（HTML、CSS 和 JavaScript）构建跨平台的桌面应用程序。本文将介绍如何使用 Electron 开发跨平台桌面应用程序，并提供相应的源代码示例。

什么是 Electron？

Electron 是由 GitHub 开发的一个基于 Chromium 和 Node.js 的开源框架。它允许开发者使用 Web 技术构建跨平台的桌面应用程序，支持 Windows、macOS 和 Linux 等操作系统。Electron 应用程序使用 HTML、CSS 和 JavaScript 来创建用户界面，并通过 Node.js 提供对操作系统底层功能的访问。

开发环境设置

在开始之前，确保你的开发环境中已安装了 Node.js 和 npm（Node 包管理器）。你可以在官方网站上下载并安装它们。

安装完成后，可以使用 npm 命令安装 Electron：

npm install electron

创建 Electron 应用程序

创建一个新的文件夹作为你的项目目录，并在其中创建一个新的 package.json 文件：

mkdir my-electron-app
cd my-electron-app
npm init -y

然后，在项目目录中创建一个主文件（例如 main.js）和一个 HTML 文件（例如 index.html）。主文件负责创建 Electron 应用程序的窗口和处理应用程序事件，HTML 文件包