返回知识库

桌面软件 · 认识桌面应用

ElectronElectron

Electron 把网页代码、一整份 Chromium 和 Node.js 一起打包:各系统一致、生态最全,代价是安装包大、吃内存;体积是硬约束时再评估 Tauri。

先选型:AI 问你「用 Electron 还是 Tauri」

你要做一个 Markdown 笔记应用。勾上项目约束,看两只安装包盒子上贴出「满足 / 要绕路 / 冲突」,推荐跟着变。

这个笔记应用有哪些约束?
Electron推荐
安装包
≈ 90 MB
空闲内存
≈ 150 MB
代码 · Chromium 内核 · Node.js 全部打进包里
  • 满足VS Code、Slack 都在用,资料最多

冲突 0 · 绕路 0

Tauri
安装包
≈ 5 MB
空闲内存
≈ 50 MB
代码 · Rust 内核;页面用系统自带的 WebView 显示
  • 要绕路资料少一些,后端要碰 Rust

冲突 0 · 绕路 1

回复 AI:用 Electron。Electron 没有冲突,Tauri 要绕路更多——体积大一点,换来少踩坑。

下一步:勾上「安装包小于 20 MB」,看推荐会不会翻。

知识点:Electron 用体积换省心

盒子上的那条长色带已经说明了大半。

  • Electron = 你的网页代码 + 一整份 Chromium 浏览器 + Node.js,一起打进安装包,所以约 90 MB、内存也高。
  • 换来的是:每个系统渲染一致、能直接用 npm 生态、AI 和社区例子最多——默认选它最省心。
  • Tauri 借用系统自带的 WebView,安装包小一个数量级;代价是各系统表现有差异、后端要碰 Rust。
  • 只有「体积 / 内存」是硬约束时才值得换;否则冲突比绕路更该优先避开。

什么时候用、怎么用

你不用会写 Electron,但要会验收它交出来的东西。

  • 信号:要做桌面应用,团队和 AI 都只熟 JavaScript / 网页。
  • 不适用:用户网速很慢、要塞进 U 盘的小工具、常驻后台对内存很敏感——先评估 Tauri。
  1. 指令里写明「Electron + 安全默认值(contextIsolation 开、nodeIntegration 关)」。
  2. 让 AI 在完成报告里写出安装包大小和空闲内存。
  3. 在 Mac 和 Windows 各装一次,看排版、托盘、快捷键是否一致。

正反例:同一个笔记应用

约束一样,差别只在有没有把体积当成需求说出来。

正例先说约束,再定框架

「用户多在公司内网,体积不敏感,要 Mac 和 Windows 一致」——选 Electron,报告里写明 92 MB 并接受。

反例做完才发现安装包太大

没提体积要求,上线后用户抱怨下载 90 MB;这时再换 Tauri,界面要在三个系统的 WebView 上重测一遍。

快速自测

AI 交付的 Electron 应用只有一个输入框,安装包却有 95 MB。这正常吗?

继续查证

术语的技术定义和行为以这些一手或权威资料为准。

下一步学

和本知识点经常一起出现的概念。

看看真实的项目蓝图里,Electron是怎么被用上的。