前言

Tauri 是一个跨平台应用构建工具包，使用 Rust 和 Web 技术。

我用 Tauri 做了几个应用还不错，推荐大家有空试试。

本文以 Mac 为例，带大家入门。要先安装好 Xcode 。

搭建环境

Rust

Rust 搭建，不用说了，按照下面的指令执行就行。

1

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

yarn

Tauri 使用 Web 作为 UI 显示的技术，所以会用到对应的包管理工具。

可选的管理器有 npm 、 cnpm 、 yarn ，我比较喜欢 yarn 所以这里使用 yarn

1

brew install yarn

创建项目

环境搭建好了来创建一个项目，使用 yarn create tauri-app 来创建

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20

yarn create tauri-app
yarn create v1.22.19
[1/4] 🔍  Resolving packages...
[2/4] 🚚  Fetching packages...
[3/4] 🔗  Linking dependencies...
[4/4] 🔨  Building fresh packages...
success Installed "create-tauri-app@3.5.0" with binaries:
      - create-tauri-app
✔ Project name · demo
✔ Choose which language to use for your frontend · TypeScript / JavaScript - (pnpm, yarn, npm)
✔ Choose your package manager · yarn
✔ Choose your UI template · Vue - (https://vuejs.org)
✔ Choose your UI flavor · TypeScript

Template created! To get started run:
  cd demo
  yarn
  yarn tauri dev

✨  Done in 66.05s.

创建项目的时候会问你使用 TS 还是 JS ，选择你熟悉的就可以，我选择了 TS ，包管理器是 yarn ，UI 使用的 Vue。

创建好之后，按照提示执行如下指令，进行编译，完成后就能看到成功运行了

1
2
3

cd demo
yarn
yarn tauri dev

目录结构

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

demo
├── README.md
├── index.html
├── node_modules
├── package.json
├── public
│   ├── tauri.svg
│   └── vite.svg
├── src
│   ├── App.vue
│   ├── assets
│   ├── components
│   ├── main.ts
│   ├── style.css
│   └── vite-env.d.ts
├── src-tauri
│   ├── Cargo.lock
│   ├── Cargo.toml
│   ├── build.rs
│   ├── icons
│   ├── src
│   ├── target
│   └── tauri.conf.json
├── tsconfig.json
├── tsconfig.node.json
├── vite.config.ts
└── yarn.lock
  • src 是 UI 目录，存放的是 Web 代码，我这里使用的是 Vue 框架，所以这个目录结构就和 Vue 一致
  • src-tauri 是 rust 的目录
  • src-tauri/tauri.conf.json 是应用的配置文件

总结

如果你对 Rust 感兴趣，并且 Web 也玩得溜，那么 Tauri 是一个不错的跨平台构建工具。

它比 Electron 好很多，在包体积、性能上都要好。

不妨一试。

参考

Build smaller, faster, and more secure desktop applications with a web frontend | Tauri Apps