使用Electron构建跨平台桌面应用程序的详细指南及示例代码

Electron是一个开源的框架，可以帮助开发者使用Web技术（HTML、CSS和JavaScript）构建跨平台的桌面应用程序。本文将为初学者提供使用Electron构建桌面应用程序的详细指南，并提供相应的示例代码。

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

• Node.js：Electron是基于Node.js的，所以你需要安装Node.js来运行和管理Electron应用程序。
• 文本编辑器：你可以选择自己喜欢的文本编辑器，如Visual Studio Code、Sublime Text等。

2. 创建Electron项目
   首先，打开命令行工具，进入你想要创建Electron项目的目录，并执行以下命令来初始化一个新的Electron项目：

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

上述命令将创建一个名为my-electron-app的目录，并在该目录下初始化一个新的npm项目。

3. 安装Electron
   在命令行中执行以下命令来安装Electron：