从0到1搭建Tauri开发环境

Tauri

本文要介绍的Tauri，不是上图中的炫酷的方程式赛车。而是一个多语言工具链，可使用小型和快速的二进制文件构建安全的原生应用。官网地址：https://tauri.studio/。Tauri常被跨平台、跨终端UI开发技术Electron比较，可参考https://blog.csdn.net/Crazymryan/article/details/108016711查看细节。

搭建Tauri开发环境

• 准本Mac电脑:mac电脑开发环境搭建方便，或者虚拟机安装ubuntu
• 安装Node.js：参考官网，如果安装过，则可能需要升级
• 安装npm、yarn：参考官网，如果安装过，则可能需要升级

• 安装Rust、VSCode、rust-analyzer

创建Tauri应用

yarn create tauri-app

主流的 Web 框架 Tauri 都支持，我们选择 create-vite。

选择Y，将 @tauri-apps/api 安装进来，接着选择vue-ts。


根据提示，运行tauri应用。

ZhaodeMacBook-Pro:tauri ds$ cd tauri-demo/
ZhaodeMacBook-Pro:tauri-demo ds$ yarn tauri dev

启动出现错误日志，告知rust版本问题。

• 查看应用要求版本：
  vim /Users/ds/tauri/tauri-demo/src-tauri/Cargo.toml
• 查看安装的rustc版本

ZhaodeMacBook-Pro:tauri-demo ds$ rustc --version
rustc 1.55.0 (c8dfcfe04 2021-09-06)

• 升级rustc版本 ZhaodeMacBook-Pro:src-tauri ds$ rustup update

• 查看环境信息

ZhaodeMacBook-Pro:tauri-demo ds$ yarn tauri info
yarn run v1.22.10
$ tauri info

Environment
  › OS: Mac OS 10.15.7 X64
  › Node.js: 16.15.0
  › npm: 8.5.5
  › pnpm: Not installed!
  › yarn: 1.22.10
  › rustup: 1.24.3
  › rustc: 1.61.0
  › cargo: 1.61.0
  › Rust toolchain: stable-x86_64-apple-darwin

Packages
  › @tauri-apps/cli [NPM]: 1.0.0-rc.13
  › @tauri-apps/api [NPM]: 1.0.0-rc.6
  › tauri [RUST]: 1.0.0-rc.14 (no lockfile),
  › tauri-build [RUST]: no manifest (no lockfile),
  › tao [RUST]: no manifest (no lockfile),
  › wry [RUST]: no manifest (no lockfile),

App
  › build-type: bundle
  › CSP: unset
  › distDir: ../dist
  › devPath: http://localhost:3000/
  › framework: Vue.js

App directory structure
  ├─ node_modules
  ├─ public
  ├─ src-tauri
  ├─ .vscode
  └─ src
✨  Done in 9.35s.

结论

在Mac电脑上，演示了从0到1创建tauri应用的过程，完成了tauri开发环境的搭建。

联系

对于文中任何疑问，欢迎加微信DawSongZhao讨论。