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 分钟前
【前端路由】Vue Router 嵌套路由 - 配置父子级路由、命名视图、动态路径匹配
前端·javascript·vue.js·node.js·ecmascript·vue-router·前端路由
EndingCoder10 分钟前
安装和设置 TypeScript 开发环境
前端·javascript·typescript
张雨zy44 分钟前
Vue 项目管理数据时,Cookie、Pinia 和 LocalStorage 三种常见的工具的选择
前端·javascript·vue.js
五月君_1 小时前
Nuxt UI v4.3 发布:原生 AI 富文本编辑器来了,Vue 生态又添一员猛将!
前端·javascript·vue.js·人工智能·ui
!执行1 小时前
遇到 Git 提示大文件无法上传确实让人头疼
前端·github
坚持学习前端日记1 小时前
个人网站从零到盈利的成长策略
前端·程序人生
CamilleZJ2 小时前
eslint+prettier
前端·eslint·工程化·prettier
web小白成长日记2 小时前
深入理解 React 中的 Props:组件通信的桥梁
前端·javascript·react.js
tjswk20082 小时前
在ios上动态插入元素的列表使用:last-child样式可能不能及时生效
前端
小小荧2 小时前
CSS 写 SQL 查询?后端慌了!
前端·sql