当前位置：首页 > news >正文

【Tauri】桌面程序exe开发 - Tauri+Vue开发Windows应用 - 比Electron更轻量！8MB！

news 2025/4/28 7:16:30

效果图

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/：
```
npm create tauri-app@latest
```
创建完毕
安装项目的依赖包
```
cd note
npm install
```
开启本地开发模式（windows桌面程序） - 完成后会自动启动exe
```
npm 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、构建：
```
npm run tauri build
```
https://tauri.nodejs.cn/distribute/
输出的可执行文件：
\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