用途:在构建跨平台桌面应用、处理 Electron 主进程与渲染进程、实现 IPC、集成原生系统功能(菜单、通知、对话框、文件系统)、选择渲染层 UI 框架(React、Vue、Svelte、SvelteKit)以及配置自动更新、打包分发时加载本技能。
主要能力:提供项目结构范式(main/preload/shared/renderer 分层);安全 IPC 通信(使用 contextBridge 暴露受限 API);类型安全 IPC 契约(在 shared/ipc.ts 定义各通道的 request/response 类型);主进程初始化示例(BrowserWindow 配置 contextIsolation: true、nodeIntegration: false、sandbox: true);IPC 处理器示例(app:get-version、file:read、file:write、dialog:open-file、store:get、store:set);渲染层集成示例(React hook、Vue composable、SvelteKit runes);自动更新(electron-updater 事件转发);原生菜单(Menu.buildFromTemplate)。
使用方式:按资料中的结构组织代码,在 preload 中通过 contextBridge.exposeInMainWorld 暴露白名单通道,主进程用 ipcMain.handle 注册处理器,渲染层通过 window.electron.invoke 调用。创建项目可用 npm create electron-vite@latest。持久化用 electron-store,自动更新用 electron-updater,通知用 new Notification(),托盘用 Tray,快捷键用 globalShortcut.register(),深链用 app.setAsDefaultProtocolClient(),签名用 electron-builder 配置。
限制与反模式:不要启用 nodeIntegration 或关闭 contextIsolation;不要使用已废弃的 remote 模块;不要向渲染层暴露原始 ipcRenderer,应限制允许的通道。资料未提供具体版本要求、收费与价格信息。