效果图

Tauri的二进制文件体积显著小于Electron,安装包通常缩小80%以上。应用启动更快,内存占用更低,尤其在老旧设备上体验更流畅。
写在前面
- Tauri官网 https://tauri.app/zh-cn/
- 支持语言:js、ts、rust、.net
- 编译出来的exe文件,最小8MB+,启动也快 (比不上flutter)
为什么这么小?
官网:Tauri 利用了已经存在于每一个用户系统的 webview。Tauri 应用中只包含了该应用专属的代码和资源文件,++不需要在每个应用中都打包一个浏览器引擎++,这意味着一个最小化的 Tauri 应用体积可能小于 600KB。 - rust下载安装太慢? Windows快速安装Rust_windows安装rust慢-CSDN博客

前提
- 当前环境:win10
- 参考官网安装以下依赖 (各自用迅雷下载比较快)
1)Microsoft C++ 生成工具
2)WebView2
3)Rust (安装前先设置两个环境变量,参考 CSDN博客)
4)Node.js > node版本不要太低,建议22.14.0
步骤
-
假设需要创建的项目名:note
-
创建Tauri+Vue项目,参考https://tauri.app/zh-cn/start/create-project/:
bashnpm create tauri-app@latest
-
创建完毕
-
安装项目的依赖包
bashcd note npm install
-
开启本地开发模式 (windows桌面程序) - 完成后会自动启动exe
bashnpm run tauri dev
第一次的时间比较长,后面就很快了。
-
如何开发: 参考vuejs正常开发即可
-
如何使用tailwindcss?
使用 Vite 安装 Tailwind CSS - Tailwind CSS 框架https://tailwind.org.cn/docs/installation/using-vite
1)npm install tailwindcss @tailwindcss/vite
2)创建\src\assets\tailwincss.css,内容:
@import "tailwindcss";3)修改\src\main.js
import './assets/tailwincss.css'4)修改\vite.config.ts
5)完成
-
开发完成
-
Tauri编译输出-导出、分发、输出、build、构建:
bashnpm run tauri build
-
输出的可执行文件:
\src-tauri\target\release\note.exe
不同系统运行情况
1.XP
2.win7
3.win10
4.win11

参考
Electron、Tauri及其它跨平台方案终极对比_tauri对比electron-CSDN博客文章浏览阅读1.8k次,点赞14次,收藏25次。基于Chromium(浏览器内核)+ Node.js(后端运行时)的双进程架构,支持HTML/CSS/JS全栈开发。最新版本v28.1.0已支持V8引擎的指针压缩技术,内存占用降低15%。_tauri对比electronhttps://blog.csdn.net/qq_34640315/article/details/146001319IM跨平台:快速对比跨平台框架Electron、Flutter、Tauri等
https://baijiahao.baidu.com/s?id=1787765195387214639Windows快速安装Rust_windows安装rust慢-CSDN博客文章浏览阅读980次,点赞7次,收藏17次。Rust 速度惊人且内存利用率极高。由于没有运行时和垃圾回收,它能够胜任对性能要求特别高的服务,可以在嵌入式设备上运行,还能轻松和其他语言集成。_windows安装rust慢
https://blog.csdn.net/huyi0911/article/details/138066461
ending...