Electron 版本说明
Electron 的版本号与 Chromium 版本对应：
| Electron 版本 | Chromium 版本 | Node.js 版本 | 状态 |
|---|---|---|---|
| Electron 28 | Chromium 120 | Node 18.x | 稳定 |
| Electron 30 | Chromium 124 | Node 20.x | 稳定 |
| Electron 32 | Chromium 128 | Node 20.x | 最新 |
版本选择建议：优先选择稳定版（Even 版本号），LTS 支持周期更长。
加速 Electron 下载
由于网络原因，国内下载 Electron 二进制文件经常超时。两种加速方案：
方案一：使用镜像源
# 设置淘宝镜像
export ELECTRON_MIRROR=https://npmmirror.com/mirrors/electron/
# 或者在 .npmrc 中配置
echo "electron_mirror=https://npmmirror.com/mirrors/electron/" >> .npmrc
bash
方案二：使用代理
# 设置 HTTP 代理
export HTTP_PROXY=http://127.0.0.1:7890
export HTTPS_PROXY=http://127.0.0.1:7890
# 然后正常安装
npm install electron --save-dev
bash
创建第一个 Electron 应用
项目初始化
mkdir my-electron-app && cd my-electron-app
npm init -y
npm install electron --save-dev
bash
入口文件
// main.js
const { app, BrowserWindow } = require('electron')
function createWindow() {
const win = new BrowserWindow({
width: 800,
height: 600,
webPreferences: {
nodeIntegration: true,
contextIsolation: false
}
})
win.loadFile('index.html')
}
app.whenReady().then(() => {
createWindow()
app.on('activate', () => {
if (BrowserWindow.getAllWindows().length === 0) {
createWindow()
}
})
})
app.on('window-all-closed', () => {
if (process.platform !== 'darwin') {
app.quit()
}
})
javascript
package.json 配置
{
"main": "main.js",
"scripts": {
"start": "electron ."
}
}
json
运行 npm start 即可启动 Electron 应用。
↑