【Tauri】Tauri Windows 新建项目指南

方式一:使用 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 应用就运行起来了!

相关推荐
Source.Liu10 小时前
【Tauri】Tauri 框架介绍
rust·tauri
小妖66611 天前
tauri 的自动启动插件怎么用
tauri
gsls20080822 天前
tauri开发环境搭建
rust·npm·tauri
Binarydog_Lee22 天前
Tauri2 开发入门:应用是如何启动的
前端·rust·tauri
问道飞鱼1 个月前
【Tauri框架学习】Windows 11 环境下 Tauri 开发环境安装与问题解决手册
windows·学习·tauri·开发环境
吾爱iis1 个月前
OTOClaw - 智能龙虾,一键部署OpenClaw龙虾、轻松养龙虾
vue·tauri·openclaw·otoclaw
lpfasd1232 个月前
Tauri 中实现自更新(Auto Update)
rust·tauri·update
Hello.Reader2 个月前
Qwik + Tauri 实战指南用静态导出把 Qwik 应用装进桌面应用里
前端·tauri
Hello.Reader2 个月前
Tauri 2 创建项目全流程create-tauri-app 一键脚手架 + Tauri CLI 手动接入
tauri