使用Tauri快速开发速览

随着 Tauri 的蓬勃发展,在2022年发布1.0后,去年9月已经有2.0的路线图了。感兴趣的可以看看 Roadmap to Tauri 2.0 | Tauri

这里以windows11为例,快速使用 tauri 跑起官方demo。在某些工具安装时可能会遇到网络问题,请确保全局网络通畅!

虽然v2没有正式发布,但是不妨碍我们使用体验。为了开始使用 Tauri 构建项目,你首先需要安装一些依赖项:

  1. 系统依赖项
  2. Rust
  3. 移动端配置 (仅在针对移动设备进行开发时才需要)

一、安装系统依赖

Tauri 使用 Microsoft C++ 构建工具进行开发以及 Microsoft Edge WebView2。这些都是在 Windows 上进行开发所必需的。

按照以下步骤安装所需的依赖项。

Microsoft C++ 构建工具

  1. 下载 Microsoft C++ 构建工具 安装程序并打开它以开始安装。
  2. 在安装过程中,选中“使用 C++ 进行桌面开发”选项。

WebView2

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

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

通过访问 WebView2 Runtime 下载区 安装 WebView2。下载“常青版独立安装程序(Evergreen Boostrapper)”并安装它。

下载并安装 Rust

Tauri 使用 Rust 构建并需要它进行开发。

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

请务必重新启动终端(在某些情况下重新启动系统)以使更改生效。

移动端配置

暂不介绍,请参考官网

二、创建项目

由于前端的发展,我们这里统一使用 pnpm 命令来进行统一项目开发。

安装 pnmp

如果您不使用独立脚本或 @pnpm/exe 来安装 pnpm,那么您需要在您的系统上安装 Node.js(至少 v16.14)

https://pnpm.io/zh/installation

使用tauri项目创建向导

pnpm create tauri-app --alpha

按照提示选择项目名称、前端语言、包管理器、前端框架以及前端框架选项。下面是官方推荐选项:

  • Choose which language to use for your frontend: TypeScript / JavaScript
  • Choose your package manager: pnpm
  • Choose your UI template: Vanilla
  • Choose your UI flavor: TypeScript

运行起来!

cd my-tauri-app #你使用项目向导创建的项目所在目录
pnpm install
pnpm tauri dev

至此,官网demo已经结束。jeeinn博客祝你玩的愉快。

结语

v2版本的tauri相比v1,将 api 相关的模块进行了插件化重构,使开发更加规范。同时对移动端进行了支持 Android/iOS, Tauri 的作用更加像 Cordova 的工作。顺便说一下 Cordova 现在也支持 Electron 的开发了,也就是说支持了桌面端开发。

下面是之前jeeinn博主使用 Tauri v1 开发的 TauriMarkdown 项目:jeeinn/tauri-markdown: A simple local markdown tool, use Tauri & Vditor & Vue3 (github.com)

Author: thinkwei

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注