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、安装软件

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

相关推荐
万少8 小时前
HarmonyOS 开发必会 5 种 Builder 详解
前端·harmonyos
橙序员小站11 小时前
Agent Skill 是什么?一文讲透 Agent Skill 的设计与实现
前端·后端
炫饭第一名13 小时前
速通Canvas指北🦮——基础入门篇
前端·javascript·程序员
王晓枫13 小时前
flutter接入三方库运行报错:Error running pod install
前端·flutter
符方昊13 小时前
React 19 对比 React 16 新特性解析
前端·react.js
ssshooter13 小时前
又被 Safari 差异坑了:textContent 拿到的值居然没换行?
前端
曲折14 小时前
Cesium-气象要素PNG色斑图叠加
前端·cesium
Forever7_14 小时前
Electron 淘汰!新的桌面端框架 更强大、更轻量化
前端·vue.js
Angelial14 小时前
Vue3 嵌套路由 KeepAlive:动态缓存与反向配置方案
前端·vue.js
jiayu14 小时前
Angular学习笔记24:Angular 响应式表单 FormArray 与 FormGroup 相互嵌套
前端