从头开始构建 Electron 应用的一系列简单示例

Electron 是一个流行的开源框架，用于构建跨平台的桌面应用程序。它结合了 Chromium 和 Node.js，使开发者能够使用前端技术（HTML、CSS 和 JavaScript）构建功能强大的桌面应用。本文将介绍一系列简单的示例，帮助你从零开始构建 Electron 应用。

1. 准备工作
   在开始之前，确保你已经安装了以下工具和软件：

• Node.js：前往 Node.js 官网（https://nodejs.org）下载并安装最新版本的 Node.js。
• npm：Node.js 包管理器已经随着 Node.js 的安装一同安装好了，你可以通过运行 npm -v 命令来验证安装情况。
• 编辑器：选择一款你喜欢的代码编辑器，例如 Visual Studio Code（https://code.visualstudio.com）。

2. 创建项目目录
   首先，创建一个新的文件夹作为你的项目目录，例如 electron-demo。

3. 初始化项目
   在终端中进入项目目录，并运行以下命令来初始化一个新的 npm 项目：

npm init -y

这将创建一个默认的 package.json 文件，用于管理你的项目依赖和配置。

4. 安装 Electron
   运行以下命令来安装 Electron：

npm install electron

这将在你的项目中安装 E