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讨论。