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版本
相关推荐
梵得儿SHI4 小时前
Vue 3 工程化实战:Axios 高阶封装与样式解决方案深度指南
前端·javascript·vue3·axios·样式解决方案·api请求管理·统一请求处理
暗不需求4 小时前
深入 JavaScript 核心:用原生 JavaScript 打造就地编辑组件
前端·javascript
cch89184 小时前
PHP爬虫框架大比拼
开发语言·爬虫·php
一只叁木Meow4 小时前
Vite+:前端开发的"超级管家"来了
前端
不可能的是4 小时前
浏览器端音频转码实战:FFmpeg.wasm 深度定制与踩坑指南
前端
南风知我意9574 小时前
【重构思维】用位运算做权限管理
前端·面试·职场和发展·性能优化·重构
江湖行骗老中医4 小时前
Vue 3 的父子组件传值主要遵循单向数据流的原则:父传子 和 子传父。
前端·javascript·vue.js
小陈工4 小时前
python Web开发从入门到精通(十五)从零到一!手把手教你用Flask开发完整个人博客(下)
后端
l1t4 小时前
DeepSeek辅助编写的dmp转schema和csv文件c语言程序
c语言·开发语言·windows