electron
#1 Electron 入门与核心架构
了解 Electron 的双引擎架构（Chromium + Node.js）、主进程与渲染进程的职责分工，快速搭建第一个 Hello World 应用，掌握 BrowserWindow 基本配置
Read More
All Skills
Electron
11 articles
electron
#2 Electron Forge 开发环境与项目配置
使用 Electron Forge 脚手架快速创建项目、配置 Vite/Webpack 构建、开发热重载调试、解析 package.json 关键字段与标准目录结构
Read More electron
#3 IPC 通信机制详解
深入理解 Electron 的 IPC 模块：invoke/handle 双向异步模式、ipcRenderer.on 事件监听、channel 命名规范、进程间数据传输规则
Read More electron
#4 Preload 脚本与上下文隔离
理解 Preload 脚本的执行时机、contextBridge 安全暴露 API、nodeIntegration 与 contextIsolation 配置组合，以及主进程与渲染进程的安全边界
Read More electron
#6 原生对话框与文件操作
使用 dialog.showOpenDialog、showSaveDialog、showMessageBox 原生对话框，Shell 模块打开外部链接和文件资源管理器，跨平台路径处理和用户数据目录访问
Read More electron
#7 Node.js 原生模块调用
在 Electron 主进程中使用 npm 原生模块（sqlite3、sharp），Native Module 编译（node-gyp / electron-rebuild），纯 JS 替代方案以及多线程 Worker Threads 实践
Read More electron
#8 React / Vue 与 Electron 集成
使用 electron-vite 工具链整合 Vite + React/Vue + Electron，配置路由（React Router / Vue Router），实现主进程与渲染进程状态共享（Zustand IPC 桥接）
Read More electron
#9 Electron 应用打包与分发
使用 electron-builder 配置多平台打包（Windows NSIS / macOS DMG / Linux AppImage），设置自动更新（electron-updater），配置代码签名（Authenticode / Apple Developer），搭建 GitHub Actions CI 流水线
Read More electron
#10 Electron 安全最佳实践
掌握 Electron 安全配置：CSP 内容安全策略、openExternal 白名单、webSecurity 限制、safeStorage 加密存储、Electron Fuses 安全加固以及安全审计工具的使用
Read More electron
#11 Electron 性能优化与生产调优
掌握 Electron 应用的性能优化：启动时间优化、内存泄漏排查、GPU 加速控制、打包体积压缩、多进程架构以及功耗优化
Read More