快速开始

Tauri 兼容绝大多数前端工具栈。 选择您最喜欢的框架，然后开始吧！

create-tauri-app

我们推荐您使用 create-tauri-app 来轻松快速地创建一个新 Tauri 项目。 它为原生 HTML/CSS/JavaScript 及如 React、Svelte 和 Yew 一类的框架提供了脚手架模板。

Bash

sh <(curl https://create.tauri.app/sh)

PowerShell

irm https://create.tauri.app/ps | iex

Cargo

cargo install create-tauri-app --locked
cargo create-tauri-app

npm

npm create tauri-app@latest

Yarn

yarn create tauri-app

pnpm

pnpm create tauri-app

注意，若您使用 create-tauri-app 的话则无需遵循下列教程中的指引。但我们仍建议您阅读 (如 HTML/CSS/JavaScript 指南) 来理解配置流程。

若您不熟悉网页开发，或没有偏好的前端框架，您可参阅 HTML/CSS/JavaScript 指南。 该教程指导您使用 Node 或 Cargo 进行最小化的前端环境配置。

HTML、CSS 和 JavaScript

使用 HTML、CSS 或 JavaScript 与 Node 或 Cargo 构建一款 Tauri 应用

Next.js

使用 Next.js 作为前端构建工具创建一个 Tauri 应用

Qwik

Build a Tauri app using Qwik as the frontend build tool

SvelteKit

使用 SvelteKit 作为前端构建工具来构建一款 Tauri 应用

Vite

使用 Vite 作为前端构建工具创建一个 Tauri 应用

集成到已有项目

您可以将 Tauri 集成到已有的 Web 项目

没有您所用框架的教程？

若您发现本文档缺少您所用的前端框架或构建工具的教程，欢迎帮助我们添加！ 但在此之前，请务必先阅读我们的贡献守则！十分感谢！