学习 Electron：从基础到实践

Electron 是一个开源的框架，它允许开发者使用 HTML、CSS 和 JavaScript 构建跨平台的桌面应用程序。本文将介绍 Electron 的基础知识，并通过提供一些示例代码来帮助读者快速入门。

Electron 框架简介

Electron 是由 GitHub 开发的一个基于 Chromium 和 Node.js 的框架，用于构建跨平台的桌面应用程序。它将 Web 技术与本地应用程序的能力相结合，使开发者能够使用熟悉的前端技术来构建功能丰富的桌面应用。

Electron 应用程序由两部分组成：主进程和渲染进程。主进程使用 Node.js 运行，并且负责控制应用程序的生命周期、与底层操作系统交互等任务。渲染进程使用 Chromium 运行，并且负责显示应用程序的用户界面。

开发环境搭建

在开始学习 Electron 之前，需要先安装 Node.js。你可以从 Node.js 官方网站上下载并安装适合你操作系统的版本。

安装 Node.js 后，你可以使用 npm（Node 包管理器）来安装 Electron。打开终端或命令提示符窗口，并执行以下命令：

npm install electron
1

安装完成后，你就可以开始使用 Electron 来构建应用程序了。

创建一个简单的 Electron 应用

让我们创建一个简单的 Electron 应用程序，并在窗口中显示 “Hello, Electron!”。

首先，在你的项目文件夹中创建一个新的文件夹，并进入该文件夹。然后，创建一个新的 JavaScript 文件（例如 main.js