electron 安装教程

# 全局安装 cnpm npm install -g cnpm --registry=https://registry.npmmirror.com # 安装 Electron cnpm install --save-dev electron

打包（electron-builder）镜像配置

打包时需额外配置electron-builder-binaries镜像，避免下载依赖失败。

1. 全局配置（推荐）

# 设置 builder 镜像 npm config set electron_builder_binaries_mirror https://npmmirror.com/mirrors/electron-builder-binaries/

核心功能开发

1. 安全通信：IPC 机制（必学）

Electron 主进程与渲染进程的通信核心是IPC（进程间通信），需遵循安全规范（禁用 Node 集成、使用预加载脚本）。

（1）编写预加载脚本（preload.js）

通过contextBridge向渲染进程暴露受控 API，避免直接暴露ipcRenderer：

javascript

运行

const { contextBridge, ipcRenderer } = require('electron/renderer'); // 向渲染进程挂载全局 API（window.electronAPI） contextBridge.exposeInMainWorld('electronAPI', { // 渲染→主进程：单向通知 sendMessage: (msg) => ipcRenderer.send('renderer-