news 2026/4/27 7:38:06

记录一下如何用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/4/16 13:43:56

NocoDB容器化部署终极指南:3种方案快速搭建可视化数据库平台

NocoDB容器化部署终极指南:3种方案快速搭建可视化数据库平台 【免费下载链接】nocodb nocodb/nocodb: 是一个基于 node.js 和 SQLite 数据库的开源 NoSQL 数据库,它提供了可视化的 Web 界面用于管理和操作数据库。适合用于构建简单的 NoSQL 数据库&#…

作者头像 李华
网站建设 2026/4/18 15:57:38

BioVision Analyzer:开启智能生物图像分析的5大核心优势

面对海量的显微镜图像数据,传统的手工分析方法已难以满足现代生物医学研究需求。BioVision Analyzer作为新一代生物图像分析工具,通过智能化算法帮助研究人员从复杂的细胞图像中提取精准的定量信息。本文将带您了解这款工具如何改变您的科研工作流程。 【…

作者头像 李华
网站建设 2026/4/25 18:14:33

Proxmark3 RFID安全工具终极指南:从入门到实战精通

快速上手:环境搭建与基础操作 【免费下载链接】proxmark3 Proxmark 3 项目地址: https://gitcode.com/gh_mirrors/pro/proxmark3 想要开始使用Proxmark3进行RFID安全研究?首先需要获取源代码并完成编译: git clone https://gitcode.c…

作者头像 李华
网站建设 2026/4/23 15:47:55

Zen Browser翻译功能终极评测:26种语言一键解锁完整指南

Zen Browser翻译功能终极评测:26种语言一键解锁完整指南 【免费下载链接】desktop 🌀 Experience tranquillity while browsing the web without people tracking you! 项目地址: https://gitcode.com/GitHub_Trending/desktop70/desktop 面对外语…

作者头像 李华
网站建设 2026/4/22 18:55:51

Context7 MCP Server终极指南:从开发痛点出发的实战解决方案

Context7 MCP Server终极指南:从开发痛点出发的实战解决方案 【免费下载链接】context7-mcp Context7 MCP Server 项目地址: https://gitcode.com/gh_mirrors/co/context7-mcp Context7 MCP Server作为实时文档集成工具,正在改变LLM开发的工作方式…

作者头像 李华
网站建设 2026/4/23 1:29:56

30分钟精通SynthDoG:构建高质量多语言文档数据集的完整指南

30分钟精通SynthDoG:构建高质量多语言文档数据集的完整指南 【免费下载链接】donut Official Implementation of OCR-free Document Understanding Transformer (Donut) and Synthetic Document Generator (SynthDoG), ECCV 2022 项目地址: https://gitcode.com/g…

作者头像 李华