Tauri（2）— Tauri + React 快速入门（开源）

目标

快速构建**Tauri 2 + React**桌面应用，满足高效开发、跨平台兼容的需求。

快速入门

先决条件

使用 Mac 电脑（Intel 版本）。

由于我们目前只开发桌面应用程序，而不是针对 iOS，因此安装 Xcode 命令行工具就足够了。由于其体积较大，因此安装完整的 Xcode 套件是可选的 😄。如果您愿意，建议安装完整的 Xcode：

xcode-select --install

Tauri 是用 Rust 构建的，开发时需要用到它。因此，让我们安装 Rust：

curl --proto '=https' --tlsv1.2 https://sh.rustup.rs -sSf | sh

Node 环境。作为前端开发人员，这个环境应该已经安装好了，所以我们就不再赘述了。

创建项目

使用 **pnpm** 创建项目。为什么要使用 pnpm？这里就不多说了。不过，你可以根据自己的喜好选择任意一个包管理器。

pnpm create tauri-app

由于公司的技术栈以 **React** 为中心，我们将继续使用 React 进行构建。但是，如果您愿意，也可以自由选择其他框架。

打开项目，结构和依赖配置如下：

项目结构

Tauri 2 项目通常采用模块化设计，平衡跨平台兼容性和可维护性。我们经常修改的目录是：

**核心目录**

src-tauri/：包含 Rust 后端代码和核心 Tauri 配置。 src-tauri/src/：Rust 逻辑，包括命令、状态管理和插件实现。 src-tauri/tauri.conf.json：管理应用程序设置、权限和窗口设置的主要配置文件。 src-tauri/capabilities/default.json：Tauri 2 中的关键配置文件，定义应用程序功能和权限。它控制前端可以访问哪些 API，确保安全性并遵守最小特权原则。 src-tauri/Cargo.toml：Rust 配置文件，定义项目依赖项、元数据和构建设置。

src/：管理 UI 组件、与 Tauri API 交互的钩子以及全局状态管理（例如 Zustand）。前端代码（例如 React 或 Vue）

dist/ 或 build/：打包的前端资源（由 Vite、React 等生成）。

运行项目查看结果：