一、最主流:基于 Chromium(浏览器内核)
1. Electron
👉 当前最流行的桌面端方案
代表应用:
-
Visual Studio Code
-
Slack
-
Discord
特点:
-
内置 Chromium + Node.js
-
可以直接用 React / Vue / Vite
-
生态成熟,插件多
优点:
-
上手简单(前端几乎无门槛)
-
社区大,资料多
缺点:
-
体积大(动不动 100MB+)
-
内存占用高
👉 适合:企业工具、后台系统、跨平台应用
2. Tauri
👉 Electron 的"轻量替代"
特点:
-
前端:HTML/CSS/JS(React/Vue)
-
后端:Rust
-
使用系统 WebView(不是内置 Chromium)
优点:
-
体积小(几 MB)
-
性能更好
-
更安全(权限控制严格)
缺点:
-
需要懂一点 Rust(进阶)
-
生态比 Electron 小
👉 适合:追求性能 + 体积的小工具、客户端
二、原生渲染(非浏览器方案)
3. Flutter(支持桌面)
👉 Google 的跨平台 UI 框架
特点:
-
用 Dart 写
-
自带渲染引擎(不是 Web)
优点:
-
性能接近原生
-
UI 一致性强
缺点:
- 不是 Web 技术栈(要学 Dart)
👉 适合:对性能和 UI 要求高的应用
4. Qt + Web 技术(Qt WebEngine)
👉 偏传统但很强大
特点:
-
C++ 主导
-
可嵌入 Web UI
👉 更偏后端/系统开发,不太纯前端
三、新一代轻量框架(值得关注)
5. Wails
👉 类似 Tauri,但用 Go
特点:
-
前端随便用(React/Vue)
-
后端用 Go
👉 适合:Go 开发者
6. Neutralinojs
👉 超轻量 Electron 替代
优点:
-
非常小
-
启动快
缺点:
-
功能有限
-
社区较小
四、微软生态
7. .NET MAUI + Blazor
👉 用 Web 技术写桌面 UI
特点:
-
C# + HTML(Blazor)
-
微软官方
五、总结对比(帮你选)
| 框架 | 技术栈 | 体积 | 性能 | 学习成本 |
|---|---|---|---|---|
| Electron | JS/HTML/CSS | ❌ 大 | 中 | ⭐ 最低 |
| Tauri | JS + Rust | ✅ 小 | ✅ 高 | 中 |
| Flutter | Dart | 中 | ✅ 高 | ❌ 需学习 |
| Wails | JS + Go | 小 | 高 | 中 |
| Neutralinojs | JS | 极小 | 中 | 低 |
六、给你的建议(结合你前端背景)
你现在是 React / Vue 开发者,我直接给结论:
👉 优先级推荐:
-
首选:Electron(快速上手)
-
进阶:Tauri(更专业、更轻量)