Rust GUI框架 tauri V2 项目创建

Tauri 2.0

Tauri 是一个构建适用于所有主流桌面和移动平台的轻快二进制文件的框架。开发者们可以集成任何用于创建用户界面的可以被编译成 HTML、JavaScript 和 CSS 的前端框架，同时可以在必要时使用 Rust、Swift 和 Kotlin 等语言编写后端逻辑。

你可以使用下面的任意一个命令以利用 create-tauri-app 创建一个新的项目。请务必参考前置要求文档安装所有 Tauri 必须的依赖，并阅读前端配置指南了解推荐的前端配置方案。

在你成功创建了你的第一个应用后，你可以在功能及秘诀列表探索 Tauri 的不同功能及秘诀。

为什么选用 Tauri？

对于开发者而言，Tauri 有三个主要优势：

• 构建应用所需的可靠基础
• 使用系统原生 webview（网页视图）带来的更小打包体积
• 使用任何前端技术和多种语言绑定带来的灵活性

可靠的基础

由于 Tauri 是使用 Rust 构建的，它可以利用 Rust 提供的内存、线程和类型安全方面的优势。而使用 Tauri 开发的应用也可以从中受益，甚至无需由 Rust 专家开发这些应用。

更小的体积

Tauri 利用了已经存在于每一个用户系统的 webview。Tauri 应用中只包含了该应用专属的代码和资源文件，不需要在每个应用中都打包一个浏览器引擎，这意味着一个最小化的 Tauri 应用体积可能小于 600KB。

灵活的架构

由于 Tauri 使用了 web 技术，这也意味着几乎所有的前端框架都与 Tauri 兼容。

创建应用

本文使用pnpm命，令创建应用

pnpm create tauri-app --rc

没有pnpm命令，可以使用npm install -g pnpm安装

请跟随提示选择您的项目名称、前端语言、包管理器以及前端框架。

输出如下

$ pnpm create tauri-app --rc
.../191-220         |   +2 +
.../191-220         | Progress: resolved 12, reused 0, downloaded 2, added 2, done
✔ Project name · tauri-app
✔ Identifier · com.gitcode.tauri-app-002
✔ Choose which language to use for your frontend · TypeScript / JavaScript - (pnpm, yarn, npm, bun)
✔ Choose your package manager · pnpm
✔ Choose your UI template · Vanilla
✔ Choose your UI flavor · JavaScriptTemplate created! To get started run:cd tauri-apppnpm installpnpm tauri android initFor Desktop development, run:pnpm tauri devFor Android development, run:pnpm tauri android dev

在 create-tauri-app 创建完项目后，您可以进入项目文件夹，安装依赖，然后使用 Tauri CLI 启动开发服务器：

cd tauri-app
pnpm install
pnpm tauri dev

您将会看到一个新的窗口被打开，该窗口正在运行您的应用。

恭喜您！您已经创建了您自己的 Tauri 应用！🚀

文档

tauri2.0
tauri2.0 android
tauri2.0 ios

移动应用开发 Android 前置要求

使用 Android Studio 中的 SDK Manager 安装以下内容：

• Android SDK Platform
• Android SDK Platform-Tools
• NDK (Side by side)
• Android SDK Build-Tools
• Android SDK Command-line Tools

• 配置 ANDROID_HOME 和 NDK_HOME 环境变量

# 设置 SDK 目录的路径
ANDROID_HOME------D:\android_sdk
# 设置 NDK 目录的路径
NDK_HOME----------D:\android_sdk\ndk\27.1.12297006

其它环境变量(可选)

# 设置 SDK 安装目录的路径
ANDROID_HOME------------D:\android_sdk
# 用户数据
ANDROID_USER_HOME-------D:\android_data
# 用户数据---模拟器相关
ANDROID_EMULATOR_HOME---D:\android_data
ANDROID_AVD_HOME--------D:\android_data\avd

• 使用 rustup 添加 Android 编译目标：

rustup target add aarch64-linux-android armv7-linux-androideabi \i686-linux-android x86_64-linux-android

移动应用开发 iOS 前置要求

仅 macOS
iOS 开发需要 Xcode，并且仅在 macOS 上可用。确保你在 macOS 系统依赖项部分中安装了 Xcode 而不是 Xcode 命令行工具。

1. 在终端中使用 rustup 将 iOS 添加为编译目标：

Terminal window

rustup target add aarch64-apple-ios x86_64-apple-ios aarch64-apple-ios-sim

1. 安装 Homebrew：

Terminal window

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

1. 使用 Homebrew 安装 Cocoapods：

Terminal window

brew install cocoapods

下一步：创建新项目。

pnpm create tauri-app --rc

参考资料

Android Studio 2024 安装、项目创建、加速、优化、 环境变量参数说明
rust GUI框架Tauri入门——基于vanilla.js
rust快速创建Tauri App ——基于create-tauri-app Git管理

gitignore文件

# Logs
logs
*.log
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
lerna-debug.log*node_modules
dist
dist-ssr
*.local# Editor directories and files
.vscode/*
!.vscode/extensions.json
.idea
.DS_Store
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?

上传到csdn gitcode

网站端

首先在gitcode站点新建项目

本地端

你还可以按照以下说明从你的电脑中上传现有文件或项目。

cd tauri-app
git init

Git 全局设置

git config --local user.name " 用户名"
git config --local user.email " 用户名@noreply.gitcode.com"

创建一个新仓库

git clone git@gitcode.com: 用户名/tauri-app.git
cd tauri-app
echo “# tauri-app” >> README.md
git add README.md
git commit -m “add README”
git branch -m main
git push -u origin main

推送现有的文件

cd existing_folder
git init
git remote add origin git@gitcode.com: 用户名/tauri-app.git
git add .
git commit -m “Initial commit”
git branch -m main
git push -u origin main

推送现有的 Git 仓库

cd existing_repo
git remote rename origin old-origin
git remote add origin git@gitcode.com: 用户名/tauri-app.git
git push -u origin --all
git push -u origin --tags