news 2026/6/25 0:01:35

记录一下如何用tauri打包exe应用

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
记录一下如何用tauri打包exe应用

前言

整个流程和tauri官网的差不多,本篇只是记录一下自己的过程。主播是是个前端的小白,写了个web工具想打包成exe直接在电脑上跑方便点,所以主播的流程是官网快速开始-》创建项目中的第三小节使用 TauriCLI创建。

准备tauri环境

tauri官网地址

打开项目

主播用的ide是trae,是基于vscode搞过来的,不用ide也行,整个过程只会用到其终端工具。这个工程是一个React框架的,用Vite打包。你也可以直接用命令行打包。

Build一下项目

tauri打包要用到vite构造出来的文件的,所以要先build一下项目。如果你的项目没有安装npm,在终端(cmd)输入下面这个命令安装npm。

npm install

安装完成后输入

npm run dev

看看能不能预览

这样就能预览了,在浏览器输入http://localhost:3000/就可以看到了

按Ctrl+C停下

在终端输入

npm run build

构建项目。

这样就构建完成了。

在ide的文件夹列表可以看到dist文件夹

给项目安装tauri环境

在终端输入cmd命令

npm install -D @tauri-apps/cli@latest

这样就把tauri包下载到项目里了

然后使用下面这个命令在终端初始化tauri的环境

npx tauri init

然后可以一路确定,但是要注意的是web assets,如果你是vite构造的话应对把build改为dist,当然你也可以后面自己去配置文件里面去改,下图是改好了的。

使用tauri打包项目

使用下面这个命令看看预览

npx tauri dev

等待命令结束就会弹出一个window窗口,这个是预览tauri打包出来是什么样子的。

可以在这里找到dev出来的exe文件

确定没问题后就可以打包发行版了

使用下面的命令打包发行版

npx tauri build

当然可能会遇到下面这个问题,提示你包名不可用

下面这个图,框框靠上面的那个是tauri的打包配置,下面那个框框是vite的打包配置,具体的配置参数可以自己去官网找找,箭头所指的就是包名,由于主播是自己用的工具,所以主播随便改改就行了。

改完后再运行一次下面的命令

npx tauri build

等待结束就可以在文件列表看到这个release文件夹了。

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/6/24 23:26:11

Yuzu模拟器终极配置指南:从零到60帧的完整优化方案

还在为Yuzu模拟器卡顿、闪退而烦恼?作为你的专属技术顾问,我将带你从基础安装到高级调优,彻底解决游戏兼容性难题。本文基于最新测试数据和真实用户反馈,为你提供最实用的性能提升方案。 【免费下载链接】yuzu-downloads 项目地…

作者头像 李华
网站建设 2026/6/23 19:46:52

开展性能测试步骤

1、确定测试目标和需求: 确定要测试的系统、组件或功能。 确定测试的目标,例如响应时间、吞吐量、并发用户数等性能指标。 定义测试的需求,包括测试时间、资源预算等。 2、确定测试范围和环境: 确定测试范围,包括…

作者头像 李华
网站建设 2026/6/24 20:38:09

Coze工作流实战:从踩坑到精通

对于最近所做的拾漫项目有以下一些收获前言Coze工作流在之前的课中学过,当时用起来比较顺手就没那么在意,觉得是一个很简单的东西。但在这个项目中,我遇到了许多Coze工作流的问题,例如项目不通,输出为空,出…

作者头像 李华
网站建设 2026/6/24 20:37:29

JSON性能革命:RapidJSON如何用SIMD技术改写C++数据处理格局

当你的API服务器在每秒数十万次请求下挣扎,当实时数据处理因为JSON解析而成为系统瓶颈,你是否曾怀疑过:这些看似简单的数据格式处理,真的需要消耗如此巨大的计算资源吗?今天,让我们一同揭开RapidJSON这个性…

作者头像 李华