前端开发桌面端框架都有哪些？

一、最主流：基于 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）

微软官方

---

五、总结对比（帮你选）

框架技术栈体积性能学习成本ElectronJS/HTML/CSS❌ 大中⭐ 最低TauriJS + Rust✅ 小✅ 高中FlutterDart中✅ 高❌ 需学习WailsJS + Go小高中NeutralinojsJS极小中低

---

六、给你的建议（结合你前端背景）

你现在是 React / Vue 开发者，我直接给结论：

👉 优先级推荐：

首选：Electron（快速上手）

进阶：Tauri（更专业、更轻量）