Tauri 初探：您的第一个应用

你好 Tauri：你的第一个应用程序

现在环境已经设置完毕，是时候构建一些东西了。我们不会手动创建文件；相反，我们将使用官方的脚手架工具来生成一个遵循最佳实践的项目结构。

项目脚手架

打开你的终端，进入你存放项目的文件夹，然后运行 create-tauri-app 命令。这个工具支持 npm、yarn、pnpm 和 cargo。

# 使用 npm
npm create tauri-app@latest

# 使用 cargo
cargo create-tauri-app

该工具将引导你完成一系列交互式提示：

• 项目名称：为你的应用选择一个名称（例如，my-tauri-app）。
• 标识符：一个唯一的 bundle ID（例如，com.my-tauri-app.dev）。
• 前端框架：选择你偏好的 Web 框架（Vanilla、React、Vue、Svelte 等）。
• TypeScript / JavaScript：选择你的语言偏好。

解析目录结构

项目创建完成后，进入你的项目文件夹。你将看到一个特定的目录布局，旨在分离关注点：

my-tauri-app/
├── src/              <-- 你的前端代码
│   ├── index.html
│   ├── main.js
│   └── styles.css
├── src-tauri/        <-- 你的 Rust 后端
│   ├── src/
│   │   └── main.rs   <-- 应用程序入口点
│   ├── Cargo.toml    <-- Rust 依赖项
│   └── tauri.conf.json <-- Tauri 配置
├── package.json
└── ...

• src：这是你 Web 开发的主目录。它包含标准的 Web 资源。如果你选择了 React 或 Vue，你的组件将放在这里。只要能编译成 HTML/JS，Tauri 对此文件夹中的内容是无关紧要的。
• src-tauri：这是引擎室。它包含 Rust 项目，负责协调系统窗口、菜单、托盘图标和原生功能。
• src-tauri/tauri.conf.json：命令中心。此文件控制窗口大小、权限、bundle 标识符和安全设置。

运行开发服务器

要查看你的应用程序运行情况，我们需要运行开发服务器。这个命令会做两件事：它会为你的前端启动一个本地 Web 服务器（如 Vite），并在调试模式下编译 Rust 后端。

cd my-tauri-app
npm install
npm run tauri dev

首次运行可能需要几分钟，因为它会编译 Rust 依赖项。完成后，一个原生窗口将在你的桌面上弹出，显示你的 Web 前端。

恭喜你！你现在正在运行一个由 Tauri 驱动的原生桌面应用程序。