Tauri 入门指南：用更小更快的方式构建桌面应用

一、为什么选择 Tauri？

过去几年，桌面应用开发的主流方案是 Electron。它让我们可以用前端技术（HTML、CSS、JavaScript）轻松构建跨平台应用，但也存在两个痛点：

应用体积大（动辄上百 MB）
运行时资源消耗高

于是，Tauri 诞生了 —— 它同样使用前端技术构建 UI，但底层基于 Rust + WebView，极大地提升了性能和安全性。

简单对比：

项目	Electron	Tauri
核心语言	Node.js + Chromium	Rust + WebView
应用体积	100~200MB	<10MB
启动速度	较慢	很快
安全性	一般	高（Rust 安全模型）
开发体验	成熟	轻量、现代

二、Tauri 的基本原理

Tauri 本质上是一个「前端 + Rust 后端」的双栈架构。

前端：使用任何现代框架（React / Vue / Svelte / Solid 等）构建界面；
后端：使用 Rust 处理系统级逻辑（文件系统、网络、窗口管理等）；
两者之间通过 IPC（进程间通信） 进行交互。

简单来说，前端做 UI，Rust 做系统调用。

mermaid

graph TDA[前端 Vue/React] -- 调用命令 --> B[Tauri Rust 后端]B --> C[操作系统功能]C --> BB --> A

三、快速上手：5 分钟创建你的第一个 Tauri 应用

安装环境

首先确保你具备以下环境：

Node.js ≥ 16
Rust ≥ 1.60
包管理器（npm / pnpm / yarn）
平台构建工具（如 Xcode / Visual Studio Build Tools）

安装 Rust：

bash

curl https://sh.rustup.rs -sSf | sh

安装 Tauri CLI：

bash

npm install -g @tauri-apps/cli

创建项目

以 Vue 为例：

bash

npm create vue@latest my-tauri-appcd my-tauri-app

安装 Tauri：

bash

npm install @tauri-apps/api

初始化 Tauri：

bash

npx tauri init

启动项目

bash

npm run tauri dev

此时，你将看到一个原生桌面应用窗口，加载的是你的 Vue 页面。🎉

四、与 Rust 通信：前后端交互示例

前端调用 Rust 命令：

import { invoke } from '@tauri-apps/api';async function greet() {  const msg = await invoke('greet', { name: 'Ger' });  console.log(msg);}

Rust 后端定义命令：

rust

#[tauri::command]fn greet(name: &str) -> String {    format!("你好，{}！欢迎使用 Tauri 🚀", name)}

结果：

bash

你好，Ger！欢迎使用 Tauri 🚀

五、打包与发布

构建生产版本非常简单：

bash

npm run tauri build

它会自动打包成可执行文件（Windows .exe / macOS .app / Linux .AppImage），文件体积仅为几 MB。

六、实用场景与最佳实践

✅ 小型工具类应用（如 Markdown 编辑器、截图工具、任务管理器）
✅ 跨平台管理面板（前端 + Rust 后端）
✅ Electron 替代方案（更小、更快）

最佳实践建议：

尽量保持前端无状态逻辑；
使用 Rust 处理文件系统、网络请求等；
善用 @tauri-apps/api 封装好的安全 API；
使用 tauri.conf.json 管理应用配置。

七、总结

Tauri 让桌面开发「再次优雅」—— 它结合了 Rust 的性能与前端生态的灵活性，为跨平台应用带来新的可能性。

🌟 轻量、安全、现代 —— 这就是 Tauri。

** 推荐资源：**

官方文档：https://tauri.app
GitHub 项目：https://github.com/tauri-apps/tauri
Rust 学习路线：https://rust-lang.org/learn

Tauri 入门指南：用更小更快的方式构建桌面应用

评论区0