Tauri 是什么
Tauri 是一个跨平台 GUI 框架,与 Electron 的思维根本相似。Tauri 的前端实现也是基于 Web 系列语言,Tauri 的后端应用 Rust。Tauri 能够创立体积更小、运行更快、更加平安的跨平台桌面利用。
为什么抉择 Rust?
Rust 是一门赋予每个人构建牢靠且高效软件能力的语言。它在高性能、可靠性、生产力方面体现尤为杰出。Rust 速度惊人且内存利用率极高,因为没有运行时和垃圾回收,它可能胜任对性能要求特地高的服务,能够在嵌入式设施上运行,还能轻松和其余语言集成。Rust 丰盛的类型零碎和所有权模型保障了内存平安和线程平安,让您在编译期就可能打消各种各样的谬误。Rust 也领有杰出的文档、敌对的编译器和清晰的谬误提示信息,还集成了一流的工具——包管理器和构建工具……
基于此,让 Rust 成为不二之选,开发人员能够很容易的应用 Rust 扩大 Tauri 默认的 Api 以实现定制化性能。
Tauri VS Electron
DetailTauriElectronInstaller Size Linux3.1 MB52.1 MBMemory Consumption Linux180 MB462 MBLaunch Time Linux0.39s0.80sInterface Service ProviderWRYChromiumBackend BindingRustNode.js (ECMAScript)Underlying EngineRustV8 (C/C++)FLOSSYesNoMultithreadingYesYesBytecode DeliveryYesNoMultiple WindowsYesYesAuto UpdaterYesYesCustom App IconYesYesWindows BinaryYesYesMacOS BinaryYesYesLinux BinaryYesYesiOS BinarySoonNoAndroid BinarySoonNoDesktop TrayYesYesSidecar BinariesYesNo
环境装置
macOS
因为装置过程比较简单,作者应用的是 macOS,本文只介绍 macOS 装置步骤,Windows 装置步骤可自行查看官网。
- 确保 Xcode 曾经装置
$ xcode-select –install
复制代码 - Node.js
倡议应用 nvm 进行 node 版本治理:
$ curl -o- https://raw.githubusercontent… | bash
复制代码
$ nvm install node –latest-npm
$ nvm use node
复制代码
强烈推荐装置 Yarn,用来代替 npm。
3.Rust 环境
装置 rustup:
$ curl –proto ‘=https’ –tlsv1.2 -sSf https://sh.rustup.rs | sh
复制代码
验证 Rust 是否装置胜利:
$ rustc –version
rustc 1.58.1 (db9d1b20b 2022-01-20)
复制代码
tips:如果 rustc 命令执行失败,能够重启一下终端。
至此,Tauri 开发环境已装置结束。
我的项目搭建
1. 创立一个 Tauri 我的项目
$ yarn create tauri-app
复制代码
按一下回车键,持续……
能够看出,目前支流的 Web 框架 Tauri 都反对,
咱们抉择 create-vite……
此处抉择 Y,将 @tauri-apps/api 装置进来,
而后抉择 vue-ts……
查看 Tauri 相干的设置,确保所有就绪……
$ yarn tauri info
复制代码
yarn run v1.22.17
$ tauri info
Operating System – Mac OS, version 12.2.0 X64
Node.js environment
Node.js – 14.17.0
@tauri-apps/cli – 1.0.0-rc.2
@tauri-apps/api – 1.0.0-rc.0
Global packages
npm – 6.14.13
pnpm – Not installed
yarn – 1.22.17
Rust environment
rustc – 1.58.1
cargo – 1.58.0
Rust environment
rustup – 1.24.3
rustc – 1.58.1
cargo – 1.58.0
toolchain – stable-x86_64-apple-darwin
App directory structure
/dist
/node_modules
/public
/src-tauri
/.vscode
/src
App
tauri.rs – 1.0.0-rc.1
build-type – bundle
CSP – default-src ‘self’
distDir – ../dist
devPath – http://localhost:3000/
framework – Vue.js
✨ Done in 20.72s.
复制代码
至此,一个新的 Tauri 我的项目已创立实现。
tips:Tauri 也反对基于已存在的前端我的项目进行集成,具体流程可查看官网,本文不做介绍。