Wails 项目初始化

Wails 是一个可以使用 Go 和 Web 技术编写桌面应用的项目。

安装

需要有 Go 语言环境，可以从 https://golang.google.cn/ 下载 Go 安装包

Go 安装完成后配置 Go 模块代理可以加速模块下载

Copy
go env -w GOPROXY=https://goproxy.cn,direct

使用 go install 可以快速安装 wails 命令行工具

Copy
go install github.com/wailsapp/wails/v2/cmd/wails@latest

创建项目

使用 wails 命令可以快速创建项目，此处使用 vue-ts 模板

-n 项目名称

-t 使用的前端模板

可以从
https://github.com/wailsapp/wails/tree/master/v2/pkg/templates/templates查看所有官方模板

Copy
wails init -n wailsapp -t vue-ts

环境调整

正常情况使用默认项目模板开发即可，我个人倾向于使用 Bun 作为 JS/TS 运行时而不是 Nodejs, 所以这里替换一下

npm 替换为 bun

需要修改两个文件，一个时 wails.json, 一个是 frontend 目录下的 package.json

将 wails.json 中 npm 对应命令替换为 bun

Copy
"frontend:install": "bun install",
"frontend:build": "bun run build",
"frontend:dev:watcher": "bun run dev",

将 frontend 目录下的 package.json 中 scripts 内容替换为使用 bunx 执行 vite 命令

Copy
"scripts": {
"dev": "bunx --bun vite",
"build": "bunx --bun vite build",
"preview": "bunx --bun vite preview"
}

更新前端依赖

使用 ncu -u 检查更新，自动修改 package.json 文件，然后使用 bun install 安装即可

卸载 typescript 和 vue-tsc

一切正常，VSCode 启动