Tauri 桌面端开发

最新推荐文章于 2025-07-29 10:38:42 发布

原创最新推荐文章于 2025-07-29 10:38:42 发布 · 593 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端

前端js 同时被 2 个专栏收录

4 篇文章

订阅专栏

桌面端开发

1 篇文章

订阅专栏

tauri官网文档如下：

创建项目 | Tauri

前置条件

下载C++生成工具

Microsoft C++ 生成工具 - Visual Studio

这一步可能需要重启电脑，否则可能会有小问题出现
下载webView (常青独立安装程序 windows10以上默认自带，无需安装)

Microsoft Edge WebView2 | Microsoft Edge Developer
安装Rust

安装 Rust - Rust 程序设计语言

安装后，双击会自动打开终端，回车等待即可(时间较长)
以上步骤完毕后，重启该电脑！
注意事项

需要NodeJs高版本，npm高版本，起码高于nodejs18以上，安装nvm进行nodejs切换

创建项目，选择你喜欢的包管理工具

yarn create tauri-app 
cd tauri-app
yarn install
yarn tauri dev

npm create tauri-app@latest
cd tauri-app
npm install
npm run tauri dev

窗口打开后，项目就代码启动成功，修改内部代码即可，注意：第一次下载包时间较长

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

匆叔

关注关注

4
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

使用 Tauri 开发桌面应用程序：新一代的轻量解决方案

桂月二二博客

01-21

2151

Tauri 是一个为构建跨平台桌面应用程序而设计的框架。它允许开发者使用现有的前端技术（如 React、Vue、Svelte 等）构建应用程序的 UI，然后通过 Rust 编写后端逻辑，从而实现高效的桌面应用。

2024年Tauri：下一代桌面应用开发框架？(1)，斗鱼C C++开发二面被刷

2401_84975241的博客

05-13

1831

从上面的介绍可以看出，不同的技术栈的实现原理和特点各有区别，但是很难做到开发便捷程度、UI复杂效果、打包体积和性能等多个方面的兼顾，只能是根据应用的类型和具体的业务场景去决定到底使用哪种框架。所以有没有一种开发方式，可以在性能、体积、开发等多个角度上，取得一个比较好的平衡呢？这就来到了我们今天需要介绍的桌面应用开发框架Tauri。optimized：性能高、体积小secure：安全性强frontend-independent：前端独立multiplatform：跨平台。

参与评论您还未登录，请先登录后发表或查看评论

Tauri（一）——更适合 Web 开发人员的桌面应用开发解决方案 ✅

infinilabs的博客

10-30

1959

（v2.0）（Star 84k）创建小型、快速、安全、跨平台应用程序（v33.0）在此，我们必须提到Electron，它可能是当今最流行的跨平台框架。从其版本的迭代，Star 的数量都不难看出。Electron已经凭借成为众多知名应用程序的基础证明了自己的价值。如上图，进入该网址可以看到广泛的案例，每一个使用的应用都证明了Electron的强大功能和受欢迎程度。开发社区也对Electron所取得的成就给予了高度认可。

基于Tauri UI构建现代化桌面应用开发指南

gitblog_00845的博客

06-29

439

基于Tauri UI构建现代化桌面应用开发指南项目概述 Tauri UI是一个基于现代Web技术构建桌面应用的开发模板，它整合了多个前沿技术栈，为开发者提供了一个高效、美观且功能完善的开发起点。该项目主要包含以下核心技术组件： Tauri 2：轻量级且安全的桌面应用框架 Next.js 13：基于React的现代化Web框架 Tailwind CSS：实用优先的CSS框架 shadcn/ui：...

桌面端开发框架Tauri

weixin_41459560的博客

02-14

802

桌面端开发框架tauri2.0安装教程

tauri：使用Web前端构建更小，更快，更安全的桌面应用程序

02-04

Tauri开发指南

陪倩碎碎念的博客

04-16

1428

基于Rust：后端开发基于Rust编程语言，拥有Rust的内存安全与高性能优势跨平台：通过Webview2技术，实现Windows、Linux、MacOS的多平台兼容开发轻量级：基于Rust和Webview，生成的APP体积小（相比Electron无需libcef.dll）主要途径：官网与文档教程（英文）主要库：create-tauri-app、vue[1]、vite[2]️开发环境：VSCode。

基于Rust和Deno融合的tauri-cc桌面端开发框架设计源码

09-28

本源码所展示的tauri-cc桌面端开发框架，是结合了Rust语言的高性能与Deno的现代化特性，形成的一款高效桌面端应用程序开发工具。为了适应现代前端技术的快速发展，tauri-cc框架采用了TypeScript和JavaScript这类广泛...

rust桌面端开发框架Tauri和Deno的融合，如果对性能要求比较高可以使用rust开发也可以使用deno开发tauri ，对前端开发友好上手快

04-28

rust 桌面端开发框架 Tauri 和Deno的融合，如果对性能要求比较高可以使用rust 开发也可以使用 deno开发 tauri ，对前端开发友好上手快,对于习惯使用Electron js 开发桌面端的小伙伴，可以尝试使用 tauri-cc，融合...

Vue + JS + tauri 开发一个简单的PC端桌面应用程序

追梦&天空的博客

01-15

3896

Tauri是一款应用构建工具包，让您能够为使用 Web 技术的所有主流桌面操作系统构建软件。tauri 框架与 electron 非常相似。

【Tauri】（1）：使用Tauri1.5版本，进行桌面应用开发，在windows，linux进行桌面GUI应用程序开发，可以打包成功，使用 vite 最方便

freewebsys的专栏

02-11

3035

最后就是12 mb的文件，包括了htm。确实特别的小，运行速度快。这个函数使用的 rust 处理的，但是前端 vue 项目进行调用的。说明这个并不是 ajax 调用，而是直接调用 rust 的函数。修改配置文件：把 com.tauri.dev 修改成其他的就行。虽然也有构建失败，但是已经生成了二进制文件。类似java 的 jni 方式调用 c 函数。在windows 上需要安装 cpp 工具。在linux 上，需要安装 webkit2。只是没有打包成 AppImage 文件。

Tauri是用于为所有主要台式机平台构建超小型快速二进制文件的框架-Rust开发

05-27

与框架无关的工具链，用于构建高度安全的本机应用程序，这些应用程序具有很小的二进制文件，并且运行速度非常快。 TAURI Tauri Apps占位面积：微小的性能：可笑的灵活性：体操安全性：增强当前版本组件说明版本Lin Win Mac tauri.js CLI创建，开发和构建应用程序:check_mark_button:tauri核心绑定到低级WEBVIEW:check_mark_button:tauri api接口与基础OS一起使用tauri捆绑器制造最终的二进制文件tauri utils tauri常用工具

Tauri:构建更小，更快，更安全的桌面应用程序-开源

04-30

使用Web前端构建更小，更快和更安全的桌面应用程序。 Brownfield与任何前端框架的兼容性意味着您不必更改堆栈。使用Tauri可以进行牙线许可。 Tauri应用程序的捆绑包大小可以小于600KB。安全是Tauri-Team的重中之重，并推动着我们的创新。模式在这里可以帮助您通过简单的配置选择重要的功能。跨平台编译允许捆绑主要桌面平台的二进制文件。使用Polyfilled WEB API的跨平台通知。将Web应用程序构建为Tauri二进制文件，用于MacOS，Linux和Windows。从CLI自动更新核心依赖关系。在Tauri中运行多个窗口实例。设置安全上下文以启用对受限API的访问。通常在桌面上稳定，API已锁定。启用功能可通过Tauri和本机API进行iframe对话框。启用对剪贴板的编程访问和键盘访问。

starter-tauri-next-typescript：根据我的喜好使用Typescript和Next.js进行Web开发的Tauri入门程序

02-26

使用Tauri，Typescript和Next.js的入门网站这个入门程序是根据我的个人喜好而设计的，旨在为使用React，Next.js和Typescript构建Web应用程序提供模板。 Tauri附带了跨平台桌面应用程序构建支持。我在此启动程序中使用了Yarn和Node v12.1.0。它带有：金牛座0.11 更漂亮（以及.prettierrc.json我自己的更漂亮的配置） ESLint（以及我自己在.eslintrc.json的eslint配置）打字稿（在我自己的打字稿配置tsconfig.json ）该启动程序还包括pre-commit作为依赖项，以便在每次提交之前运行ESLint，以确保将要推送的代码遵循配置中定义的规则。安装克隆存储库并安装依赖项： git clone git@github.com:matthieu-locussol/starter

Tauri 桌面应用开发实践：现代跨平台开发体验

最新发布

丑黑娃的博客

07-29

916

Tauri实战体验：开发机器学习模型对比工具本文分享了使用Tauri框架开发桌面应用的实际体验。相比Electron，Tauri采用Rust+Web技术，显著减小应用体积（避免打包Chromium），同时保持Web开发便利性。其核心优势包括：1）使用系统原生WebView实现轻量化；2）基于Rust的安全设计，默认拒绝系统访问；3）完善的跨平台支持；4）保留熟悉的Web开发工作流。通过开发机器学习模型对比工具（包含文件验证、图像处理、可视化等功能），验证了Tauri在性能密集型任务中的优势，特别是发布模式

Tauri：轻量级跨平台应用开发框架

wylee的博客

05-24

1049

Tauri 是一个基于 Rust 的开源跨平台应用开发框架，允许开发者使用 HTML/JS/CSS 构建前端界面，结合 Rust 实现高性能原生后端。其核心目标是解决传统 Electron 应用体积庞大的问题，提供轻量、高效、安全的跨端开发方案，适用于桌面和移动应用开发。Tauri 支持多种前端框架，通过系统原生 WebView 实现渲染，生成的应用体积小、启动速度快、内存占用低。开发流程简便，支持快速初始化、前后端通信、调试与构建，并内置自动更新和系统集成功能。Tauri 在性能、安全性和开发体验上具有显

使用Tauri开发桌面应用

techdashen的博客

11-14

1408

根据 [Tauri的安装、启动、打包和很多用例(第一部分)](https://blog.csdn.net/qq_39124701/article/details/129015210 "Tauri的安装、启动、打包和很多用例(第一部分 "Tauri的安装、启动、打包和很多用例(第一部分)")"),出错,根据 https://github.com/tauri-apps/tauri/issues/7430。Mac系统打包: https://tauri.app/v1/guides/building/macos。

Tauri应用开发（一）：前言

哈哈哈哈哈哈哈

05-21

753

Hi~，欢迎阅读tauri系列的文章。这是一系列关于tauri开发的内容，其中总结了自己在开发过程中遇到的问题以及解决方案，如果你正在学习或准备使用tauri进行客户端应用的开发，则可以参考本系列文章。

tauri开发桌面应用

03-29

### 使用 Tauri 开发桌面应用程序 #### 什么是 Tauri？ Tauri 是一种用于构建轻量级、高性能跨平台桌面应用的框架。它通过将前端 Web 技术栈（HTML/CSS/JavaScript）与 Rust 后端相结合，提供了高效的应用开发体验[^2]。 #### 如何开始使用 Tauri？ ##### 环境准备为了能够顺利运行基于 Tauri 的项目，需要先安装必要的依赖环境。这通常包括 Node.js 和 Rust 工具链。具体操作可以参考官方文档或相关教程完成初始化设置[^1]。 ##### 创建新项目可以通过执行以下命令来创建一个新的 Tauri 项目： ```bash npm create tauri-app@latest my-tauri-project ``` 该命令会引导用户完成项目的初始配置过程，并自动生成 `src-tauri` 文件夹作为后端逻辑存放位置[^3]。 #### 示例项目解析 - macOS Spotlight 应用对于希望深入学习实际应用场景下的实现细节来说，“macOS Spotlight”是一个很好的起点。这个例子展示了如何利用 Tauri 构造具有本地操作系统集成功能的应用界面设计思路[^4]： - **主要目标**: 展现怎样借助 Tauri 实现类似于 macOS 自带搜索工具的功能特性； - **技术要点**: 包括但不限于窗口管理、事件监听器绑定以及原生 API 调用等方面的内容说明；以下是简化版的核心代码片段展示如何定义基本结构并启动程序: ```javascript // main.js (Frontend part) import { listen } from '@tauri-apps/api/event'; listen('search-query', async event => { console.log(`Received query: ${event.payload}`); }); ``` ```rust // src-tauri/main.rs (Backend part) use tauri::Manager; fn main() { tauri::Builder::default() .setup(|app| { let window = app.get_window("main").unwrap(); // Example of invoking a custom command. Ok(()) }) .run(tauri::generate_context!()) .expect("error while running tauri application"); } ``` 以上两部分分别代表前后端交互方式之一——即从前端触发特定消息传递给后台处理后再反馈结果回显示层面上的操作流程示意. #### 总结综上所述,Tauri 不仅支持快速搭建现代化 GUI 界面同时也兼顾到了安全性考量因素,非常适合用来制作各种类型的跨平台软件产品.