【tauri】tauri的启动、运行与打包

已于 2022-12-15 13:26:25 修改
阅读量3k 收藏 4
点赞数 2
CC 4.0 BY-SA版权
分类专栏： 前端 tauri 文章标签： javascript 前端 rust
于 2022-06-29 13:11:44 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sky529063865/article/details/125410713
本文档介绍了如何在不同Windows系统上安装WebView2，以及配置Tauri应用的步骤，包括安装node.js、Visual Studio Build Tools、Rust和Tauri CLI。通过npx创建Tauri应用并进行编译，最后详细说明了如何在Windows 11、10和7上打包成exe文件，涉及到修改tauri.conf配置和依赖包路径。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

兼容性

win11:系统 自带 WebView2
win10：安装完会自动安装WebView2
win7: 需要先手动来装WebView2

开始安装

  1. 安装node，推荐用nvm将进行node版本管理
    我这使用的是v14版本
  2. 安装vs 生成工具 下载地址：https://visualstudio.microsoft.com/zh-hans/thank-you-downloading-visual-studio/?sku=BuildTools&rel=16
    在这里插入图片描述
  3. 安装RUST 下载地址：https://www.rust-lang.org/tools/install
  4. 安装tauri-cli cargo install tauri-cli --version “^1.0.0”
  5. 安装cnpm 加速

项目创建

  1. 创建一个全新的Tauri-App
    运行 npx create-tauri-app
    在这里插入图片描述
    安装完成后的提示，然后按提示操作
    在这里插入图片描述
    经过好一会的下载编译
    在这里插入图片描述
    在这里插入图片描述

打包成exe

需要修改\src-tauri\tauri.conf 文件，随便写个就行
在这里插入图片描述
然后运行 npm run tauri:build
会有一个下载依赖包的过程
在这里插入图片描述

依赖包路径 C:\Users\用户\AppData\Local\tauri\WixTools
然后就会得到一个安装包 直接可以安装使用

tauri 将网页打包成exe和已有的vue项目打包成exe
qq_52132550的博客
07-16 3267
tauri 将网页打包成exe和已有的vue项目打包成exe
【Tauri】（1）：使用Tauri1.5版本，进行桌面应用开发，在windows，linux进行桌面GUI应用程序开发，可以打包成功，使用 vite 最方便
freewebsys的专栏
02-11 3038
最后就是12 mb的 文件，包括了htm。确实特别的小，运行速度快。这个函数使用的 rust 处理的，但是前端 vue 项目进行调用的。说明这个并不是 ajax 调用，而是直接调用 rust 的 函数。修改配置文件：把 com.tauri.dev 修改成其他的就行。虽然也有构建失败，但是已经生成了 二进制文件。类似java 的 jni 方式调用 c 函数。在windows 上需要安装 cpp 工具。在linux 上，需要安装 webkit2。只是没有打包成 AppImage 文件。
Tauri 打包
豪先生的博客
11-19 1894
2022/11/3 样式丢失解决了，在阿里巴巴图标库下载的图标最好是用svg，我是暂时用这个打包之后显示正常。然后放在路径C盘/用户/当前账户/AppData/Local/tauri/WixTools。我们需要在tauri.conf.json里面查找identifier这个名称。说下其他的，Tauri感觉确实比electron的内存占用小，好用23333。我们就单独去下载这个包，就是在图中的Downloading网址，去下载下来。这里右上角最小化按钮和关闭按钮样式丢失了，原因在查找中····。
2.Tailwindcss4安装及头部布局实现
最新发布
weixin_39141295的博客
07-15 950
本文介绍了Tauri 2.0应用开发中的基本配置与布局实现。主要内容包括：1)调整Tauri配置文件设置窗口大小和取消系统标题栏；2)安装配置TailwindCSS样式框架；3)实现Vue3和React两种技术栈的基本布局结构，重点展示自定义头部栏的实现方法。文章详细说明了窗口拖动功能的实现方式，以及暗黑模式的支持配置，为开发者提供了Tauri应用开发的实用参考。
Tauri打包
小高工作室
04-22 1133
官网：https://tauri.app/zh-cn/v1/guides/getting-started/prerequisites/#windows。
从零开始的 Tauri 开发 & 打包成 exe 【Windows 平台】
Lovely Ruby 的手账
02-03 8913
我翻了翻网上很多教程，并没有很全面的Windows下安装使用Tauri的笔记，鉴于之前踩过了很多坑，所以来写一篇笔记，希望需要的伙伴能够用Tauri顺利开发打包RustTauriexe。
使用 Tauri 将 Vue 项目打包为桌面应用（.exe）
qq_37577146的博客
02-26 693
打开src-tauri/tauri.conf.json文件，确保build.distDir指向 Vue 项目的打包目录，默认是dist。
使用Vite打包工具+vue前端框架+JavaScript语言+tauri工具开发一个简单的PC端应用程序
01-15
使用Vite打包工具+vue前端框架+JavaScript语言+tauri工具配合Rust开发一个简单的PC端应用程序 优点： 1. 打包后的应用程序比Electron打包的应用程序体积小10倍左右 2. 因为是Rust可以转为二进制语言调用系统API，...
大麦网 演唱会抢票软件，一个基于 tauri + rust + vue 调用接口的抢票软件
06-28
运行 yarn tauri dev 启动本地项目（如果windows系统，可能需要准备 tauri 需要的环境），使用编译的app来进行调试。 运行 yarn tauri build 打包程序。生成的程序在 src-tauri/target/release 下。
Tauri 使用教程
qq_35800459的博客
04-13 1452
通过本教程，你学会了如何使用 Tauri 搭建跨平台桌面应用，从环境准备、项目创建、前端开发、与 Rust 后端交互到最终的构建和打包。Tauri 为开发者提供了一种高效且强大的方式来利用 Web 和 Rust 的优势，快速开发出高质量的桌面应用程序。不断探索 Tauri 的更多功能，如系统托盘集成、文件操作等，可以进一步丰富应用的功能。
用Tauri将网站web Url打包为跨平台软件exe、dmg等程序，只要五分钟
04-14 5251
所以，我们今天来演示一下，如何将一个已近存在网站通过url的方式打包为一个桌面程序。
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对话框。 启用对剪贴板的编程访问和键盘访问。
windows下Tauri工程打包成exe
m0_57124501的博客
12-19 533
上篇笔记我们讨论了如何搭建Tauri的项目工程，本篇笔记我们将讨论Tauri工程如何在windows环境下打包为exe。
Tauri的安装、启动、打包和很多用例(第一部分)
热门推荐
三巧的博客
02-27 1万+
Tauri的使用
Tauri打包windows应用配置中文界面
天问博客-专注于大前端技术
08-31 2554
使用 Tauri + Rust 开发桌面应用，在 windows 系统上，打包后安装包名称后缀、安装界面、相关说明默认都是英文的。如果要默认显示为中文，则需要在 tauri.conf.json 中配置相应参数。
【tauri】tauri的启动、运行与打包过程步骤
donglianyou的专栏
10-15 6918
tauri的启动、运行与打包过程步骤
Tauri 一些配置
三季雨
02-02 1263
创建一个WixTools文件夹，然后将下载下来的安装包加压到这个文件下，记住解压后，删除安装包。接下来再运行刚才的打包命令即可。在C盘找到 Tauri文件夹，一般在。下新建 config文件 无后缀。，没有就新建 tauri文件夹。
创建 Tauri + Vue + Typescript + Vite + Less 应用
niuiic的博客
06-04 2423
项目创建流程 直接上代码 app_init.sh $templatePath=xxx echo "What's your app's name?" read appName yarn create @vitejs/app $appName --template vue-ts cd $appName yarn set version berry cp "$templatePath/tauri/yarnrc.yml" .yarnrc.yml yarn install yarn add less -D yarn
tauri在build模式开启右键检查debug功能，找了一上午，结果只是一条命令的事...
04-14 2005
tauri默认的build模式下是不会有右键检查功能的，只有dev模式下才有检查，但是有时候我就是想要有检查功能啊啊啊啊啊，因为build的程序可能会出现各种错误......
tauri打包NSIS
03-04
一旦完成以上步骤，则可以通过运行如下命令启动整个编译链路： ```bash npm run build && npm run package ``` 这会触发 Tauri CLI 自动读取配置并将应用封装成独立的 Windows 可执行文件及其配套组件。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

飘逸者打瞌睡

如有需要，请私信我。

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值