3 快速开始：创建第一个 Tauri 应用 on 编程那些事儿

3.1 创建第一个 Tauri 应用

Wed, 09 Sep 2026 17:00:00 +0800

原文链接: Create a Project

3.1 创建第一个 Tauri 应用

这一节我们用官方脚手架快速创建一个“能打开的窗口”，体验从命令到桌面的完整流程。

方式一：使用 create-tauri-app（推荐）

create-tauri-app 是官方脚手架，能生成一个已配置好的 Tauri 项目。在你想放项目的位置打开终端，然后运行：

3.2 项目结构详解

Wed, 09 Sep 2026 17:00:00 +0800

原文链接: Project Structure

3.2 项目结构详解

一个 Tauri 工程通常由两部分组成：

前端工程：负责页面，通常是普通的 Web 项目；
Rust 工程：通常放在 src-tauri/ 目录，负责后端与原生能力。

默认目录树

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15


.
├── package.json # 前端依赖与脚本
├── index.html # Web 页面入口
├── src/ # 前端源码
│ └── main.js
├── src-tauri/ # Rust 后端工程
│ ├── Cargo.toml # Rust crate 清单
│ ├── Cargo.lock # Rust 依赖锁定文件，建议提交
│ ├── build.rs # Tauri 构建脚本
│ ├── tauri.conf.json # Tauri 总配置文件
│ ├── src/
│ │ ├── main.rs # 桌面入口
│ │ └── lib.rs # 真正要改写的 Rust 代码
│ ├── icons/ # 应用图标
│ └── capabilities/ # 权限能力文件

前端部分是“静态网站”

Tauri 的开发与构建方式很像“托管一个静态网站”：

3.3 开发循环与第一个改动

Wed, 09 Sep 2026 17:00:00 +0800

原文链接: Develop

3.3 开发循环与第一个改动

理解开发循环，能让你从“能打开窗口”进步到“能高效迭代”。

开发模式是怎么工作的

flowchart LR
 A["你运行 tauri dev"] --> B["启动前端 dev server"]
 B --> C["Rust 编译并启动核心进程"]
 C --> D["创建原生窗口"]
 D --> E["加载 devUrl 的页面"]
 E --> F["你在浏览器里看到的开发体验"]

tauri dev 做的事情可以理解为：