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

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

相关推荐
liangshanbo12154 分钟前
前端大文件切片上传怎么做?
前端
Sand(ContextGate)43 分钟前
Python Agent 测试实战:测试与评估,让 Agent 像传统软件一样可交付
前端·javascript·python·microsoft·ai
广州华水科技1 小时前
单北斗GNSS变形监测系统在城市安全与地质灾害中的应用前景
前端
颜进强1 小时前
20 · NestJs循环依赖与 forwardRef:容器为什么在环面前会死,"占位再补齐"怎么救
前端·后端·ai编程
颜进强1 小时前
19 · NestJs @Global 落地账:装饰器与 `isGlobal` 参数,各在什么场景上岗
前端·后端·ai编程
码艺-Alimjan1 小时前
Tauri 网站To桌面应用实战总结
前端·javascript·vue
颜进强2 小时前
18 · NestJS动态模块与 forRoot:`imports: [ConfigModule.forRoot({...})]` 到底在 import 什么
前端·后端·ai编程
YZ1225522 小时前
【Docker专题】使用Docker部署Vue-Flask项目前后端分离版【前端Docker部署】
前端·vue.js·docker
liangshanbo12152 小时前
浏览器渲染过程:高级前端面试题
前端
太子釢2 小时前
React 函数组件与 Hook 实践指南
前端·react.js