说起跨端的桌端应用 这几种应该是比较熟悉的
最早期用过 Nwjs 进行过政务项目的打包 记得那时是在项目开发结尾时候 那边提出来想弄个桌端应用 大概十几个页面的样子 从新开发是不现实的 就找到了Nw 直接把dist静态文件打包成exe 当时还是比较惊讶地 几百kb的静态文件 打包成exe 竟然达到两百多兆
比较活跃的还有Electron , 也挺不错 , 嗯 , 体积也不小...
还有现在这个 Tauri
Tauri 是一款应用构建工具包，让您能够为使用 Web 技术的所有主流桌面操作系统构建软件。
嗯 不比较谁好谁坏 萝卜白菜 各有所爱
哈哈 没错 还是比较一下吧
预先准备 我的是Mac 就只贴出来这个了 其他系统可以去官网看
macOS
1. CLang 和 macOS 开发依赖项
您将需要安装 CLang 和 macOS 开发依赖项。 为此，您需要在终端中执行以下命令：
xcode-select --install
2. Rust
要在 macOS 上安装 Rust，请打开终端并输入以下命令：
curl --proto '=https' --tlsv1.2 https://sh.rustup.rs -sSf | sh
备注
我们已审计了此 Bash 脚本，它只做了该做的事情。 但是，您最好在复制粘贴运行脚本之前，看看其源代码。 这是它的源代码：rustup.sh
此命令将下载以上脚本并开始安装用来安装最新版 Rust 的 rustup 工具。 您可能需要输入密码。 若安装成功，终端将显示以下内容：
Rust is installed now. Great!
请确保重新启动终端以使更改生效
开怼
pnpm create tauri-app
接下来就是一些基本信息确认 技术选型 用vue react等等去开发 自己选就是 反正我选的vue , vue3-ts-vite
然后就是万年不变的 pnpm install run dev等等
大体的目录长这样
src就是vue那一套 暂且不谈
src-tauri是tauri配置的 包括打包后生成的文件就在这里
运行: tauri开头的 运行打包桌端的
"dev": "vite",
"build": "vue-tsc --noEmit && vite build",
"preview": "vite preview",
"tauri": "tauri",
"tauri:dev": "tauri dev",
"tauri:build": "tauri build"
src-tauri/tauri.conf.json 配置文件
"windows": [
{
"fullscreen": false,
"resizable": true,
"title": "tauri", // 你的app名字
"width": 800,
"height": 600
}
]
修改图标
搞一个符合标准的png或者svg 改名为 app-icon.png 放在根目录 运行命令
pnpm run tauri icon
会生成一些符合标准的icon 配置在icon里面即可 我是随便找了个图片
"bundle": {
"active": true,
"targets": "all",
"identifier": "com.tauri-app.dev",
"icon": [
"icons/Square107x107Logo.png",
"icons/Square142x142Logo.png",
"icons/Square150x150Logo.png",
"icons/icon.icns",
"icons/icon.ico"
]
},
