https://liangweidonggood.github.io/tags/%E6%A1%8C%E9%9D%A2%E5%BC%80%E5%8F%91/Recent content in 桌面开发 on Liangweidong's blogHugo -- gohugo.iozh-cnFri, 15 Aug 2014 00:00:00 +0800https://liangweidonggood.github.io/p/zhuo-mian-kai-fa-dui-bi-2014/Fri, 15 Aug 2014 00:00:00 +0800https://liangweidonggood.github.io/p/zhuo-mian-kai-fa-dui-bi-2014/<img src="https://liangweidonggood.github.io/p/zhuo-mian-kai-fa-dui-bi-2014/image/cover.jpg" alt="Featured image of post 桌面开发技术栈对比：Electron vs Tauri vs Qt vs Fyne" /><h2 id="跨平台桌面应用-4-大技术栈">跨平台桌面应用 4 大技术栈 </h2><table> <thead> <tr> <th>技术</th> <th>底层</th> <th>语言</th> <th>包大小</th> <th>性能</th> <th>生态</th> </tr> </thead> <tbody> <tr> <td><strong>Electron</strong></td> <td>Chromium + Node.js</td> <td>JS/TS</td> <td>80~150MB</td> <td>★★★</td> <td>★★★★★</td> </tr> <tr> <td><strong>Tauri</strong></td> <td>系统 WebView + Rust</td> <td>TS + Rust</td> <td>2~10MB</td> <td>★★★★★</td> <td>★★★</td> </tr> <tr> <td><strong>Qt</strong></td> <td>Qt 库</td> <td>C++ / QML / Python</td> <td>30~80MB</td> <td>★★★★★</td> <td>★★★★</td> </tr> <tr> <td><strong>Fyne</strong></td> <td>系统 GUI</td> <td>Go</td> <td>10~30MB</td> <td>★★★★</td> <td>★★</td> </tr> </tbody> </table> <h2 id="一electron">一、Electron </h2><h3 id="原理">原理 </h3><ul> <li><strong>Chromium</strong>：渲染 UI（每个窗口一个）</li> <li><strong>Node.js</strong>：调用本地 API（文件系统、进程、IPC）</li> <li><strong>主进程 + 渲染进程</strong>：主进程（Node.js）管理窗口，渲染进程（Chromium）展示 UI</li> </ul> <h3 id="优势">优势 </h3><ul> <li>Web 生态完整：React、Vue 任意用</li> <li>跨平台：Windows / macOS / Linux 一套代码</li> <li>第三方 SDK 丰富：自动更新、native dialog、native menu</li> </ul> <h3 id="劣势">劣势 </h3><ul> <li>包大：80MB 起步</li> <li>内存高：每个窗口一个 Chromium</li> <li>性能：JS 引擎有 GC 抖动</li> </ul> <h3 id="代表应用">代表应用 </h3><ul> <li>VSCode、Slack、Discord、Notion、Postman、Figma Desktop</li> </ul> <h3 id="适用场景">适用场景 </h3><ul> <li>内部工具 / 中后台</li> <li>重 UI 重数据展示</li> <li>团队 JS 技术栈</li> </ul> <h2 id="二tauri">二、Tauri </h2><h3 id="原理-1">原理 </h3><ul> <li><strong>系统 WebView</strong>：Windows 用 WebView2，macOS 用 WKWebView，Linux 用 WebKitGTK</li> <li><strong>Rust 后端</strong>：编译成原生二进制，提供 IPC、文件系统、shell 等</li> <li><strong>前端任意</strong>：React / Vue / Svelte / Solid / 纯 HTML</li> </ul> <h3 id="优势-1">优势 </h3><ul> <li><strong>极小包</strong>：2~10MB（vs Electron 80MB）</li> <li><strong>低内存</strong>：复用系统 WebView</li> <li><strong>Rust 后端</strong>：性能强、安全（内存安全）</li> <li><strong>细粒度权限</strong>：声明式 ACL</li> </ul> <h3 id="劣势-1">劣势 </h3><ul> <li>WebView 跨平台表现不一致（Windows 较新，Linux GTK 旧）</li> <li>生态比 Electron 小</li> <li>学习曲线：Rust + 前端</li> </ul> <h3 id="代表应用-1">代表应用 </h3><ul> <li>各种 Rust 生态工具</li> <li>部分 VSCode 插件、Cursor 编辑器</li> <li>OpenCode、cc-connect、tinyhumans/openhuman</li> </ul> <h3 id="适用场景-1">适用场景 </h3><ul> <li>追求包大小 / 启动速度</li> <li>Rust 团队</li> <li>命令行 + GUI 一体</li> </ul> <h2 id="三qt">三、Qt </h2><h3 id="原理-2">原理 </h3><ul> <li><strong>Qt 库</strong>：跨平台 C++ GUI 库</li> <li><strong>QWidget</strong>：传统 UI</li> <li><strong>QML</strong>：声明式 UI（类 QML + JavaScript）</li> <li><strong>PyQt / PySide</strong>：Python 绑定</li> </ul> <h3 id="优势-2">优势 </h3><ul> <li><strong>性能极强</strong>：原生绘制</li> <li><strong>跨平台</strong>：Windows / macOS / Linux / Android / iOS / 嵌入式</li> <li><strong>工业级</strong>：KDE、Autodesk Maya、VirtualBox、VLC</li> <li><strong>工具链成熟</strong>：Qt Creator IDE</li> </ul> <h3 id="劣势-2">劣势 </h3><ul> <li><strong>学习曲线陡</strong>：C++ + Qt 框架</li> <li><strong>商业授权</strong>：LGPL / GPL / Commercial 三种</li> <li><strong>包大</strong>：30MB+</li> <li><strong>UI 不够现代</strong>（vs Web）</li> </ul> <h3 id="适用场景-2">适用场景 </h3><ul> <li>工业控制 / 嵌入式 UI</li> <li>科学计算 / 数据可视化</li> <li>跨平台 + 高性能</li> </ul> <h2 id="四fyne">四、Fyne </h2><h3 id="原理-3">原理 </h3><ul> <li><strong>Go 语言</strong>：编译成单一二进制</li> <li><strong>系统原生控件</strong>：Windows GDI、macOS Cocoa、Linux GTK</li> <li><strong>声明式 API</strong>：类 Flutter 风格</li> </ul> <h3 id="优势-3">优势 </h3><ul> <li><strong>跨平台编译</strong>：Go 一份代码，Windows/macOS/Linux 任意编译</li> <li><strong>单二进制</strong>：无外部依赖</li> <li><strong>小包</strong>：10~30MB</li> <li><strong>简单易学</strong></li> </ul> <h3 id="劣势-3">劣势 </h3><ul> <li><strong>生态小</strong>：第三方库少</li> <li><strong>UI 不够丰富</strong>：控件有限</li> <li><strong>性能中等</strong>：没有 GPU 加速</li> </ul> <h3 id="适用场景-3">适用场景 </h3><ul> <li>Go 团队</li> <li>内部工具</li> <li>简单桌面应用</li> </ul> <h2 id="详细对比">详细对比 </h2><h3 id="包大小">包大小 </h3><table> <thead> <tr> <th>应用</th> <th>Electron</th> <th>Tauri</th> <th>Qt</th> <th>Fyne</th> </tr> </thead> <tbody> <tr> <td>Hello World</td> <td>80MB</td> <td>3MB</td> <td>30MB</td> <td>12MB</td> </tr> <tr> <td>复杂应用（VSCode 级别）</td> <td>200MB+</td> <td>15MB</td> <td>100MB</td> <td>40MB</td> </tr> </tbody> </table> <h3 id="启动时间">启动时间 </h3><table> <thead> <tr> <th>应用</th> <th>Electron</th> <th>Tauri</th> <th>Qt</th> <th>Fyne</th> </tr> </thead> <tbody> <tr> <td>冷启动</td> <td>1.5~3s</td> <td>0.3~1s</td> <td>0.2~0.5s</td> <td>0.5~1s</td> </tr> <tr> <td>热启动</td> <td>0.5~1s</td> <td>0.1~0.3s</td> <td>0.1~0.2s</td> <td>0.2~0.5s</td> </tr> </tbody> </table> <h3 id="内存占用">内存占用 </h3><table> <thead> <tr> <th>应用</th> <th>Electron</th> <th>Tauri</th> <th>Qt</th> <th>Fyne</th> </tr> </thead> <tbody> <tr> <td>空闲</td> <td>100~200MB</td> <td>30~80MB</td> <td>20~50MB</td> <td>30~70MB</td> </tr> <tr> <td>复杂场景</td> <td>500MB+</td> <td>150MB</td> <td>100MB</td> <td>150MB</td> </tr> </tbody> </table> <h2 id="选型决策树">选型决策树 </h2><div class="highlight"><div class="chroma"> <table class="lntable"><tr><td class="lntd"> <pre tabindex="0" class="chroma"><code><span class="lnt"> 1 </span><span class="lnt"> 2 </span><span class="lnt"> 3 </span><span class="lnt"> 4 </span><span class="lnt"> 5 </span><span class="lnt"> 6 </span><span class="lnt"> 7 </span><span class="lnt"> 8 </span><span class="lnt"> 9 </span><span class="lnt">10 </span><span class="lnt">11 </span><span class="lnt">12 </span></code></pre></td> <td class="lntd"> <pre tabindex="0" class="chroma"><code class="language-fallback" data-lang="fallback"><span class="line"><span class="cl">你的团队用什么语言？ </span></span><span class="line"><span class="cl">├── JS/TS → Electron（生态最好） </span></span><span class="line"><span class="cl">├── Rust → Tauri（性能 + 体积最优） </span></span><span class="line"><span class="cl">├── C++ → Qt（性能 + 工业级） </span></span><span class="line"><span class="cl">├── Go → Fyne（最简单） </span></span><span class="line"><span class="cl">└── Python → PyQt / PySide </span></span><span class="line"><span class="cl"> </span></span><span class="line"><span class="cl">你的核心需求是？ </span></span><span class="line"><span class="cl">├── 包小 + 快 → Tauri </span></span><span class="line"><span class="cl">├── 生态丰富 → Electron </span></span><span class="line"><span class="cl">├── 高性能 3D / 工业 → Qt </span></span><span class="line"><span class="cl">└── Go 写小工具 → Fyne </span></span></code></pre></td></tr></table> </div> </div><h2 id="安装包大小优化">安装包大小优化 </h2><h3 id="electron">Electron </h3><ul> <li>移除不必要的依赖</li> <li>用 <code>electron-builder</code> 拆分 platform / arch</li> <li>用 <code>asar</code> 压缩资源</li> </ul> <h3 id="tauri">Tauri </h3><ul> <li>用 release 模式（默认）</li> <li>启用 LTO（Link Time Optimization）</li> <li>拆分 release（不同 OS 单独打包）</li> </ul> <h3 id="qt">Qt </h3><ul> <li>静态链接 vs 动态链接</li> <li>删除用不到的 Qt 模块</li> </ul> <h3 id="fyne">Fyne </h3><ul> <li>UPX 压缩</li> <li>Go 1.20+ 链接器优化</li> </ul> <h2 id="跨平台坑">跨平台坑 </h2><h3 id="macos">macOS </h3><ul> <li><strong>签名 + 公证</strong>（notarization）必需</li> <li>沙箱（sandbox）</li> <li>Apple Silicon（arm64）vs Intel（x64）</li> </ul> <h3 id="linux">Linux </h3><ul> <li>各种发行版：deb / rpm / AppImage / Flatpak</li> <li>WebView 版本：Ubuntu LTS 用 snap，WebView 是 Chromium</li> </ul> <h3 id="windows">Windows </h3><ul> <li>32 / 64 位</li> <li>WebView2 Runtime（Win10 1803+ 预装，旧版需引导安装）</li> </ul> <h2 id="下一步">下一步 </h2><ul> <li>Electron 入门，看 2018-12-15《Electron 跨平台桌面应用》</li> <li>Tauri 2.x 实战，看 2020-05-15《Tauri 2.x 跨平台桌面应用》</li> <li>Fyne 入门，看 2016-10-15《Go-Fyne 入门》</li> </ul> <h2 id="参考资料">参考资料 </h2><ul> <li>Electron 官方：https://www.electronjs.org/</li> <li>Tauri 官方：https://tauri.app/</li> <li>Qt 官方：https://www.qt.io/</li> <li>Fyne 官方：https://fyne.io/</li> <li>Wails（Go + WebView）：https://wails.io/</li> <li>Flutter Desktop：https://flutter.dev/desktop</li> </ul>