DEV Community

Cover image for 【02】Tauri 入门篇 - 开发环境
lencx
lencx

Posted on

3 1

【02】Tauri 入门篇 - 开发环境

仓库:lencx/OhMyBox
如果文章对你有所帮助,可以 star 此项目,或转发给更多有需要的人。大家的支持也会给我更大的写作动力,感恩。


注意:仅在开发 Tauri 应用程序时才需要此设置。最终使用应用程序的用户不需要执行任何操作。

第一步是安装 Rust 和系统依赖项。以 Windows 和 macOS 为例,如果想了解更多平台开发环境,请查看 Tauri 官网指南

Windows

1. Microsoft Visual Studio C++ Build Tools

安装 Build Tools for Visual Studio 2022 ,确保已勾选 C++ 构建工具Windows 10 SDK

Build Tools for Visual Studio 2022

2. WebView2

注意:Windows 11 中已内置 WebView2

Tauri 严重依赖 WebView2 在 Windows 上呈现 Web 内容,因此必须安装 WebView2。最简单的方法是从 Microsoft Edge Developer 下载并运行 Evergreen Bootstrapper。 引导程序将尝试为你的系统确定正确的程序包及版本。注意:如果遇到问题(尤其是 ARM 上的 Windows),可以手动选择正确的安装程序。

Evergreen Bootstrapper

3. Rust

前往 rust-lang.org/tools/install 安装 rustup(Rust 安装程序)

macOS

1. CLang 和 macOS 开发依赖项

在终端(Terminal)执行以下命令:

xcode-select --install
Enter fullscreen mode Exit fullscreen mode

2. Rust

在终端(Terminal)执行以下命令:

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

上面的命令会下载脚本并开始安装 rustup 工具,该工具会安装最新的稳定版 Rust。系统可能会提示输入密码。如果安装成功,将出现以下内容:

Rust is installed now. Great!
Enter fullscreen mode Exit fullscreen mode

更新及卸载

Tauri 及其组件可以通过编辑 Cargo.toml 文件或运行 cargo-edit 工具提供的 cargo upgrade 命令来手动更新:

cargo upgrade
Enter fullscreen mode Exit fullscreen mode

通过 rustup 来更新 Rust 版本,在终端执行以下命令:

rustup update
Enter fullscreen mode Exit fullscreen mode

通过 rustup 来完全卸载机器上的 Rust:

rustup self uninstall
Enter fullscreen mode Exit fullscreen mode

故障排除

检查安装的 Rust 版本是否正确,输入以下命令:

rustc --version
Enter fullscreen mode Exit fullscreen mode

会看到以下信息(已发布的最新稳定版的版本号、提交哈希和提交日期):

# rustc x.y.z (abcabcabc yyyy-mm-dd)
rustc 1.59.0 (9d1b2106e 2022-02-23)
Enter fullscreen mode Exit fullscreen mode

如果未看到此信息,则 Rust 已损坏。可以通过 Rust 的疑难解答部分以了解如何解决此问题。如果问题仍然存在,也可以从官方 Tauri DiscordGitHub Discussions 中获得帮助。

Hostinger image

Get n8n VPS hosting 3x cheaper than a cloud solution

Get fast, easy, secure n8n VPS hosting from $4.99/mo at Hostinger. Automate any workflow using a pre-installed n8n application and no-code customization.

Start now

Top comments (0)

Qodo Takeover

Introducing Qodo Gen 1.0: Transform Your Workflow with Agentic AI

Rather than just generating snippets, our agents understand your entire project context, can make decisions, use tools, and carry out tasks autonomously.

Read full post

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay