electron

Electron 桌面应用开发入门：前端工程师的跨平台利器分类：前端 | 标签：Electron、桌面应用、electron-vite、IPC、前端工程化前端技术栈已经能覆盖 Web、小程序、App，而 Electron 让同一套 HTML/CSS/JS 还能跑在 Windows、macOS、Linux 桌面上。无论是内部工具、桌面客户端还是跨平台应用，Electron 都是值得前端工程师掌握的技能。本文从「为什么学」「项目搭建」「主进程与渲染进程」「IPC 通信」到「打包分发」和「实战场景」，带你快速入门。

【Electron-Vue 企业级安全启动模板：electron-vue-theme-template 使用指南】摘要：还在为搭建一个安全、规范的 Electron + Vue 项目而烦恼吗？本文介绍一个开箱即用的企业级启动模板——electron-vue-theme-template。它提供了分层架构、安全的 IPC 通信、集成的状态管理和清晰的工程规范，能帮助你绕过繁琐的配置，直接聚焦业务逻辑开发，是构建可维护、高安全性的跨平台桌面应用的最佳起点。

Electron桌面容器Electron是由GitHub开发、现由OpenJS Foundation维护的开源跨平台桌面应用开发框架，它的核心公式可以概括为：Electron = Chromium + Node.js + Native API。通过整合这三大核心技术，Electron允许开发者使用HTML、CSS和JavaScript等Web技术构建在Windows、macOS和Linux三大主流操作系统上运行的原生桌面应用，无需掌握C++、Swift等传统原生开发语言。VS Code、Slack、Discord、Figma桌面

Vue + Electron 项目快速上手指南假如你是个新人，刚拿到公司的前端项目的代码，你会怎么快速上手？如图：这两个问题直接从项目根目录的package.json就能找到答案，也是新手入门最先要理清的基础信息，先给你讲透，再继续走上手流程：

Vue3 + Electron 知识点总结 · 2026-03-21我是一名对代码狂热的 IT 工作者，目前在一家公司任职前后端开发工程师。以后每天都会更新 CSDN 和稀土掘金的文章——工作中写了什么代码都会在平台上展示 🚀 不会公布公司秘密，只是从中提取 IT 语言的知识点，提供给大家学习使用。

Electron 太胖了？试试 Electrobun，12MB 打包一个 AI 桌面助手前两天刷掘金热榜看到 Electrobun 这个名字，第一反应是——又一个 Electron 替代品？Tauri 不是已经卷过一轮了吗？

Vue3 知识点总结 · 2026-03-20本次共识别 13 个知识点，覆盖 7 个分类。项目中的用法（来自 src/views/commentAnalysis/components/period_detail/index.vue、src/views/commentAnalysis/components/period_detail/pick_list_modal/index.vue、src/views/commentAnalysis/components/period_overall/index.vue、src/views/commentAnaly

🖥️ 告别 Electron 托盘图标模糊：一套精准的 PNG 生成方案在开发 Electron 应用时，托盘图标（Tray Icon）的清晰度一直是个让人头疼的问题。尤其是在 Windows 系统上，不同 DPI 缩放比例下，图标很容易变得模糊或有锯齿。

家里有蜘蛛

Electron 桌面应用多实例实践：数据隔离与跨进程互斥某天产品经理带来了一个客户需求：希望桌面客户端可以同时打开两个实例——实例 A 与实例 B 互不干扰、独立运行。

Electrobun 正式登场：仅 12MB，JS 桌面开发迎来轻量化新方案！你的 Electron 应用打包后 150MB？而用 Electrobun，一个功能完整的桌面 App 只需 12MB——启动更快、内存更低、更新补丁仅 14KB。

Vue3 + Electron 实现纯本地人脸识别登录一体机（离线可用、无云端、带页面跳转）在本文中，我将手把手教你使用 Vue3 + Electron 实现一套纯本地、离线运行、不上云的人脸识别登录系统。功能包含：

NTP 授时（Network Time Protocol）核心解读，工控机electron程序自动联网授时案例最近公司的工控机产品遇到一个问题，工控机是离线使用的，但是客户对于时间要求又比较高，要精确到秒，不能有太大误差。所以怎么能快速授时这个问题一直萦绕在我脑海里…

Electron 入门实战：用一个加法计算器吃透 Electron 核心概念这不是一篇只讲概念的八股文，而是一篇能直接跑起来的实战小册。我们从一个极简的 Electron 应用——加法计算器（macOS）出发，一路串起：主进程、渲染进程、预加载脚本（preload）和 IPC（进程间通信）。

Electron 桌面端身份认证 - 本地回环重定向认证 Loopback Interface Redirection在开发桌面应用时，身份认证（尤其是 SSO 单点登录）始终是核心环节。很多开发者习惯于在 Electron 内部开一个 webview 或 iframe，但这在现代安全标准下已显得捉襟见肘。本文将带你深入了解 Trae、VS Code 等主流工具背后的登录机制——Loopback Interface Redirection。

Electron 实战：将用户输入保存到本地文件 —— 基于 `fs.writeFileSync` 与 IPC 的安全写入方案个人主页：ujainu在桌面应用开发中，“保存用户数据到本地”是最基础也最关键的交互之一。Electron 凭借其融合 Web 技术与 Node.js 能力的独特架构，使得这一操作既直观又强大。

在 HarmonyOS PC 上实现自定义窗口样式的 Electron 应用详解个人主页：ujainu随着华为鸿蒙操作系统（HarmonyOS）正式进军 PC 领域，开发者生态正迎来前所未有的机遇。尽管 HarmonyOS PC 尚未原生支持 Electron 框架，但凭借其对 Linux 应用的良好兼容能力，我们仍可在该平台上成功运行基于 Web 技术的桌面应用。

Electron 极简时钟应用开发全解析：托盘驻留、精准北京时间与 HarmonyOS PC 适配实战个人主页：ujainu在桌面工具类应用中，时钟程序看似简单，实则涉及时间同步、UI 刷新、系统集成、资源优化等多重技术维度。本文将基于一段完整的 Electron 代码，深入剖析如何构建一个具备以下特性的专业级时钟应用：

在 Electron 里造一个「搜书 + 下载」：从 so-novel 到 51mazi 的爬虫实践一句话推荐：在 Electron + Vue 3 里实现「搜书名 → 选书源 → 一键下载到本地」的完整方案，含多书源配置、Cheerio 解析、GBK 编码、正文去广告与 IPC 踩坑实录，附源码与 GitHub 链接。

Electron 主进程与渲染进程通信详解：HarmonyOS PC基于 `ipcRenderer.send` 与 `ipcMain.on` 的双向数据传输个人主页：ujainu在 Electron 应用架构中，主进程（Main Process）负责创建窗口、调用系统 API、管理生命周期；而渲染进程（Renderer Process）则运行 Web 页面（HTML/CSS/JS），处理用户交互。由于安全与稳定性考虑，两者运行在完全隔离的上下文中，无法直接共享内存或变量。