方式一:使用 create-tauri-app(推荐)
1. 安装 create-tauri-app 工具
powershell
cargo install create-tauri-app --locked
2. 创建新项目
powershell
cargo create-tauri-app
3. 按提示选择配置
依次选择以下选项:
| 步骤 | 选项 |
|---|---|
| 项目名称 | tauri-app(可自定义) |
| 包标识符 | com.tauri-app.app(唯一标识) |
| 前端语言 | TypeScript / JavaScript |
| 包管理器 | pnpm / yarn / npm / bun |
| UI 模板 | Vanilla(入门推荐)/ Vue / React / Svelte 等 |
| UI 风格 | TypeScript 或 JavaScript |
💡 新手建议 :选择 Vanilla(原生 HTML/CSS/JS)快速上手
4. 进入项目并启动
进入项目目录后,根据你选择的包管理器,使用对应的命令启动开发服务器:
| 包管理器 | 启动命令 |
|---|---|
| npm | npm run tauri dev |
| yarn | yarn tauri dev |
| pnpm | pnpm tauri dev |
| deno | deno task tauri dev |
| bun | bun tauri dev |
| cargo | cargo tauri dev |
💡 提示 :大多数情况下,使用
cargo tauri dev即可通用启动。
成功后会打开一个窗口,显示你的 Tauri 应用 🚀
方式二:手动设置(适合已有前端项目)
1. 创建前端项目(以 Vite 为例)
powershell
mkdir tauri-app
cd tauri-app
npm create vite@latest .
2. 安装 Tauri CLI
powershell
cargo install tauri-cli --version "^2.0.0" --locked
3. 初始化 Tauri
powershell
cargo tauri init
按提示填写:
| 提示 | 示例值 |
|---|---|
| 应用名称 | tauri-app |
| 窗口标题 | tauri-app |
| Web 资源位置 | .. |
| 开发服务器 URL | http://localhost:5173 |
| 前端开发命令 | npm run dev(根据你的包管理器调整) |
| 前端构建命令 | npm run build(根据你的包管理器调整) |
4. 启动开发服务器
根据你的包管理器,选择对应的启动命令:
| 包管理器 | 启动命令 |
|---|---|
| npm | npm run tauri dev |
| yarn | yarn tauri dev |
| pnpm | pnpm tauri dev |
| deno | deno task tauri dev |
| bun | bun tauri dev |
| cargo | cargo tauri dev |
🎉 完成
成功启动后,你的第一个 Tauri 应用就运行起来了!