01_Tauri环境搭建

Tauri支持开发Linux、MacOS、Windows 桌面应用开发,Tauri2版本已支持Android、iOS移动应用开发,推荐使用Tauri2开发。这里以在Windows系统搭建开发环境为例。其他的系统上搭建参考Tauri官方文档:https://v2.tauri.app/zh-cn/start/prerequisites/

Windows系统搭建Tauri开发环境

Tauri 支持Windows 7 或更新系统。
Tauri 使用 Microsoft C++ 生成工具进行开发以及 Microsoft Edge WebView2。这两者都是在 Windows 上进行开发所必需的。

Microsoft C++ 生成工具安装

  1. 下载 Microsoft C++ 生成工具 安装程序并打开它以开始安装。
  2. 在安装过程中,选中 使用 C++ 的桌面开发 选项,安装详细信息按照默认勾选即可。

下一步:下载并安装 WebView2.

Microsoft Edge WebView2

WebView 2 已安装在 Windows 10(从版本 1803 开始)和更高版本的 Windows 上。如果你正在这些版本之一上进行开发,则可以跳过此步骤,并直接转到 下载并安装 Rust。

Tauri 使用 Microsoft Edge WebView2 在 Windows 上呈现内容。

通过访问下载 WebView2 运行时安装 WebView2。下载并安装"常青独立安装程序(Evergreen Bootstrapper)"。

下一步:下载并安装 Rust

Rust
Tauri 使用 Rust 构建并需要它进行后端开发。使用以下方法之一安装 Rust。你可以在 https://www.rust-lang.org/zh-CN/tools/install 查看更多安装方法。

前往 https://www.rust-lang.org/zh-CN/tools/install 下载 rustup

或者,你可以在 PowerShell 中使用 winget 安装 rustup

rust 复制代码
winget install --id Rustlang.Rustup

推荐管理员权限运行rust安装程序进行安装。


选择第一项:默认安装即可。

默认使用 MSVC 工具链 为了完全支持 Tauri 和 trunk 等工具,请确保在安装程序对话框中的 default host triple 选择 MSVC Rust 工具链。根据你的系统,它应该是 x86_64-pc-windows-msvc、i686-pc-windows-msvc 或 aarch64-pc-windows-msvc

如果你已安装 Rust,你可以通过运行以下命令来确保安装正确的工具链: rustup default stable-msvc

安装 Node

  1. 访问 Node.js 网站,下载并安装长期支持版本(LTS)。
  2. 运行以下命令以检查 Node 是否成功安装:
bash 复制代码
node -v
npm -v

重要的是,重新启动终端以确保它能够识别新安装的内容。在某些情况下,您可能需要重新启动计算机。

虽然 npm 是 Node.js 的默认包管理器,但你也可以使用其他包管理器,比如 pnpmyarn。如果你想启用这些包管理器,可以在终端中运行 corepack enable。这一步是可选的,只有在您想使用 npm 以外的包管理器时才需要。

推荐使用pnpm进行包管理,使用以下命令安装pnpm:

bash 复制代码
npm install -g pnpm  # -g: 全局安装,这样pnpm命令就可以在你的系统任>何地方使用了。 

使用以下命令验证pnpm安装,如果安装成功,终端会显示你安装的 pnpm

版本号(例如 8.15.5)。

bash 复制代码
pnpm -v # 查看pnpm版本
相关推荐
梨子同志2 分钟前
TypeScript
前端
星栈4 分钟前
LiveView 表单真香,但 changeset 也真会坑人:实时校验、错误展示、前后端校验合一
前端·前端框架·elixir
魏祖潇5 分钟前
SDD 完整指南——Spec 端打底、Story 端交付、留白区
人工智能·后端
Slice_cy7 分钟前
JavaScript(ES6)
前端
用户2986985301415 分钟前
在 React 中使用 JavaScript 合并 Excel 文件
前端·javascript·react.js
橘子星20 分钟前
JavaScript this 指向全解实战指南
前端·javascript
何出无名之师21 分钟前
AIDL的一次调用链路追踪之二,如何和驱动打交道
前端
weedsfly22 分钟前
JS垃圾回收:从原理到项目实战,彻底根治内存泄漏
前端·javascript·面试
feelmylife5924 分钟前
消息队列可靠投递与幂等消费 -- 从"消息丢了"到"消息别重复"的完整工程实践
后端