【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 应用就运行起来了!

相关推荐
q平面人8 小时前
【总工笔记】mindoc平板、桌面端笔记软件,发布到mindoc服务端
rust·tauri·华为平板·mindoc·总工笔记
MC皮蛋侠客9 小时前
Tauri 2.x 系列(九):安全模型——Capabilities、Permissions、Scope 与 CSP
rust·tauri
MC皮蛋侠客2 天前
Tauri 2.x 系列(八):与其他语言结合——Sidecar、服务、FFI 与插件的选择
rust·tauri
MC皮蛋侠客3 天前
Tauri 2.x 系列(四):窗口、菜单、托盘与应用生命周期——做出真正的桌面体验
rust·tauri
MC皮蛋侠客3 天前
Tauri 2.x 系列(一):架构全景与最小闭环——从 WebView 到 EMS 后台
架构·rust·tauri
MC皮蛋侠客3 天前
Tauri 2.x 系列(二):项目结构与前端框架——Vue、React 如何成为桌面前台
rust·tauri
特立独行的猫a9 天前
仓颉版 Tauri:给鸿蒙铺一条 Web 开发者的路
前端·华为·harmonyos·tauri·仓颉
特立独行的猫a11 天前
Rust + Tauri实现一棵「习惯树」:创意应用 从 Grove 的灵感说起
开发语言·后端·rust·tauri·习惯树·创意应用
特立独行的猫a14 天前
Tauri v2的Rust应用 → HarmonyOS(鸿蒙 PC)移植30分钟速成指南
开发语言·rust·harmonyos·tauri·移植·鸿蒙pc
maxmaxma25 天前
Tauri开发入门 - day1
tauri