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

一、最主流:基于 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 开发者,我直接给结论:

👉 优先级推荐:

  1. 首选:Electron(快速上手)

  2. 进阶:Tauri(更专业、更轻量)

相关推荐
拖孩9 分钟前
一个全程 AI 写的小程序「厨菜记」,上线 20 天跑通流量主,收入几块钱,开心得不行
前端·后端·微信小程序
颜进强12 分钟前
21 · NestJs AsyncProviders 异步提供者:useFactory 返回 Promise 之后,容器发生了什么
前端·后端·ai编程
莪_幻尘29 分钟前
Agent 体检:乱编、连锁、失忆,给 Agent 做一次五维体检
前端·人工智能·agent
Fate_I_C39 分钟前
Capacitor 应用鸿蒙化实战:用 hionic 把 React 应用跑在 OpenHarmony 上
react.js·华为·harmonyos
秋天的一阵风41 分钟前
🚀 nacos-web-config:运营半夜改条配置,网页秒更新 —— 不用发版、不用轮询,我把它开源了
java·前端·开源
不一样的少年_1 小时前
别用前端思维写后端:一张 5MB 图片,为什么能撑爆内存?
前端·后端·图片资源
沐言人生1 小时前
太吊了!这 2 款网盘工具,让我省 4000 大洋!
前端
鬼手点金1 小时前
opencode-隐私优先配置
服务器·前端·javascript·bug·openclaw
涛涛ing1 小时前
4200万月活、85万行代码,Lovable用6个月把生产应用从Next.js迁到了TanStack Start
前端
悠仁さん1 小时前
【C++】auto
java·前端·c++