Electron入门实战：5分钟创建一个跨平台桌面应用
对于Web开发者来说，构建桌面应用曾经是件复杂的事，但Electron让这一切变得简单。它允许你使用熟悉的HTML、CSS和JavaScript技术栈，开发出能在Windows、macOS和Linux上运行的原生应用。本文将跳过繁琐的理论，直接带你动手实践，在短时间内完成从环境搭建到第一个应用窗口启动的全过程。无论你是想拓展技能的前端工程师，还是对桌面开发感兴趣的爱好者，都能通过本教程获得清晰的指导。
环境准备：搭建开发基石
开始编码前，需要先建立稳定的开发环境。核心是安装Node.js，它不仅是Electron应用的运行引擎，也是管理项目依赖的工具。访问Node.js官网，下载与你的操作系统对应的长期支持版本进行安装。安装完成后，打开终端或命令提示符，运行以下命令验证安装：
node -v
npm -v
如果这两条命令分别返回Node.js和npm的版本号，说明安装成功。npm是随Node.js安装的包管理器，后续安装Electron等依赖将用到它。
国内开发者从npm官方源下载可能较慢，尤其是像Electron这样包含大型二进制文件的包。为了提升体验，建议将npm镜像源切换到国内淘宝镜像，执行命令：
npm config set registry https://registry.npmmirror.com
设置后可通过 npm config get registry 确认源已切换。至此，开发环境就绪，接下来进入项目创建环节。
项目初始化：构建应用骨架
有了Node.js环境，就可以开始构建Electron应用的基础结构。首先，在终端中导航到希望存放项目的目录，创建并进入项目文件夹：
mkdir my-first-electron-app
cd my-first-electron-app
接着初始化一个Node.js项目，生成核心配置文件 package.json：
npm init -y
-y 参数表示接受所有默认配置，快速生成文件。执行后目录下会出现 package.json，初始内容包含项目名称、版本等信息。现在为项目安装Electron，在项目根目录运行：
npm install electron --save-dev
这条命令从镜像源下载Electron及其依赖，安装到 node_modules 文件夹。--save-dev 参数将Electron记录为开发依赖，表明其在开发阶段的作用。安装完成后，package.json 会自动更新，在 devDependencies 字段添加Electron版本信息。项目骨架搭建完毕，接下来编写核心代码。
核心代码编写：主进程与渲染进程
Electron应用采用多进程架构，包括一个主进程和一个或多个渲染进程。主进程是应用的核心，负责创建和管理窗口、处理系统事件；每个窗口对应一个渲染进程，类似精简版Chromium浏览器，负责显示网页内容。
首先创建主进程文件。在项目根目录下新建 main.js 文件（这是约定名称，也可在 package.json 中指定其他名字）。将以下代码复制到 main.js 中作为起点。