tauri:tauri2.0+vue3+vite打包案例

1、Microsoft C++ 构建工具

下载 Microsoft C++ 构建工具 安装程序并打开它以开始安装。

安装期间检查 "使用 C++ 进行桌面开发" 选项。

2、安装rust

强烈推荐使用离线安装,在线安装太慢了。

验证是否安装成功:

cmd进入命令行窗口,分别查看这两个软件的版本号能正常显示,就可以进入下一步了:

复制代码
rustc --version
复制代码
cargo --version

以上两步参考:https://tauri.nodejs.cn/start/prerequisites/

3、创建项目

参考步骤:https://tauri.nodejs.cn/start/create-project/

需要注意的是,初始化项目时端口号要跟vite.config.js里保持一致。

初始化之后,还可以修改:

4、本地运行

执行npx tauri dev命令,本地运行,第一次运行的时候会下载很多依赖,如果非常慢,可以配置镜像:

配置 Cargo 镜像:

在这个目录下创建config.toml文件。

config.toml内容如下:

这会将Rust包的下载源切换到中国科学技术大学镜像站。

javascript 复制代码
[source.crates-io]
replace-with = 'ustc'

[source.ustc]
registry = "sparse+https://mirrors.ustc.edu.cn/crates.io-index/"

配置 npm 镜像:

执行

复制代码
npm config set registry https://registry.npmmirror.com/

配置好镜像后再执行npx tauri dev,就快多了。

5、打包成安装包

执行npx tauri build打包,首次打包会下载这两个插件,如果太慢,尝试配置镜像:

在windows命令行里执行:

set TAURI_BUNDLER_TOOLS_GITHUB_MIRROR=https://ghproxy.com/https://github.com/

直接指示Tauri CLI从国内镜像站获取工具。

注意事项:

identifier必须是唯一的,格式类似 com.company.appname。

如果杀毒软件阻止,可以暂时退出安全保护,打包结束后再打开杀毒软件。

6、安装软件

上一步打包的安装包在这个目录下,跟普通软件一样双击安装即可。

相关推荐
涵涵(互关)2 小时前
GoView各项目文件中的相关语法2
前端·javascript·vue.js
子兮曰2 小时前
别让爬虫白嫖你的导航站了:纯免费,手把手实现加密字体防爬
前端·javascript·后端
小村儿2 小时前
连载06 - Hooks 源码深度解析:Claude Code 的确定性自动化体系
前端·后端·ai编程
心中无石马2 小时前
uniapp引入tailwindcss4.x
前端·css·uni-app
焰火19993 小时前
[Vue]可重置的响应式状态reactive
前端·vue.js
陆枫Larry3 小时前
CSS transform scale:图片放大效果背后的原理
前端
老王以为3 小时前
为什么 React 和 Vue 不一样?
前端·vue.js·react.js
web打印社区3 小时前
2026最新Web静默打印解决方案,无插件无预览,完美替代Lodop
前端·javascript·vue.js·electron·pdf
这个DBA有点耶3 小时前
分组排名不用窗口函数?那你还在写几十行的子查询
前端·代码规范
ZhiqianXia3 小时前
《The Design of Design》阅读笔记
前端·笔记·microsoft