tauri 将网页打包成exe和已有的vue项目打包成exe

tauri 将网页打包成exe和已有的vue项目打包成exe

一、url注入的方式打包成exe

一.准备动作

1.安装 Microsoft Visual Studio C++ 生成工具

您需要安装 Microsoft C++ 生成工具。 最简单的方法是下载 Visual Studio 2022 生成工具,如果是 win11 同时勾选 win11 SDK,如果是 win10 旧勾选 win10 SDK 一般不需要自己勾选,工具会自动勾选当前系统对应的SDK 勾选要安装的依赖,直接点击 安装 。

2.安装 Rust 直接下一步 下一步安装即可。

前往 https://www.rust-lang.org/zh-CN/tools/install 来安装 rustup (Rust 安装程序)。 请注意,为了使更改生效,您必须重新启动终端,在某些情况下需要重新启动 Windows 本身。

二. 创建一个基础模板

在cmd或者powershell中执行 :

npm create tauri-app

然后输入项目名称,会自动生成目录,选择包管理工具,选择UI模板,这里我选择Vue,还可以选择react 等前端模板框架 这个步骤 和 构建 vue项目是一样的

在这里插入图片描述

创建完成后,进入到项目 目录,安装依赖,再运行tarui

// 安装依赖
npm install
// 运行测试是否正常
npm run tauri dev

在这里插入图片描述

三.修改项目文件内容

我们进入项目里面,修改里面的一个src-tauri\tauri.conf.json配置就可以了:

identifier表示软件的唯一标识,一定要改,随便改,不然无法打包。 windows 中的 url 表示通过url的方式注入页面。

另外一些icon 可以自己慢慢替换

url:可以替换为自己的网站,打包出来就是自己的网站内容。

在这里插入图片描述

在项目的 package.json添加两个命令

    "develop": "tauri dev",
 
    "pubhome": "tauri build"

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值