Electron - 安装

Electron - 现代安装与设置

要开始使用 Electron 进行开发，你需要安装 Node.js 和 npm（Node Package Manager，Node 包管理器）。Node.js 包含了 npm，因此只需要安装 Node.js 就足够了。我们建议使用 Node Version Manager (nvm) 来管理多个 Node.js 版本。如果你还没有安装 Node.js，请访问 Node.js 官方网站 (nodejs.org) 下载并安装。推荐选择最新的 LTS（长期支持）版本。

安装完成后，在你的终端（terminal）中运行以下命令来确认 Node.js 和 npm 已可用：

node --version
npm --version

你应该会看到类似以下的输出（版本号可能不同）：

v20.11.0
10.2.4

每个 Node.js 项目，包括 Electron 应用，都会使用一个 package.json 文件。这个文件列出了项目的依赖（dependencies）和其他元数据（metadata）。让我们来设置一个新的 Electron 项目。

• 打开你的终端（terminal）或命令提示符（command prompt）。
• 为你的项目创建一个新目录，例如 my-electron-app，并进入该目录： mkdir my-electron-app cd my-electron-app
• 使用 package.json 文件初始化你的项目。-y 标志表示接受所有默认值：

npm init -y

现在，将 Electron 安装为开发依赖（development dependency）。这是推荐的方式，因为这样可以将 Electron 版本绑定到每个项目：

npm install --save-dev electron

为了方便运行你的 Electron 应用，请在 package.json 文件中添加一个脚本。打开 package.json 并修改 "scripts" 部分：

{
  "name": "my-electron-app",
  "version": "1.0.0",
  "description": "",
  "main": "main.js",  // 确保这是你的主进程文件
  "scripts": {
    "start": "electron .",
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC",
  "devDependencies": {
    "electron": "^28.0.0" // 版本号会不同
  }
}

将 "electron": "^28.0.0" 替换为你实际安装的版本。"main": "main.js" 入口指定了 Electron 将要运行的主脚本文件。我们将在后续步骤中创建此文件。

你可以使用 npx（它与 npm 一同安装）在项目内部检查已安装的 Electron 版本：

npx electron --version

这应该会输出你刚刚安装的 Electron 版本，例如：

v28.1.0

安装好 Electron 并初始化项目后，你就可以开始构建你的第一个应用了。