Wails 專案初始化

Wails 是一個可以使用 Go 和 Web 技術編寫桌面應用的項目。

安裝#

需要有 Go 語言環境，可以從 https://golang.google.cn/ 下載 Go 安裝包

Go 安裝完成後配置 Go 模塊代理可以加速模塊下載

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

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

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

使用 wails 命令可以快速創建項目，此處使用 vue-ts 模板

-n 項目名稱

-t 使用的前端模板

wails init -n wailsapp -t vue-ts

正常情況使用默認項目模板開發即可，我個人傾向於使用 Bun 作為 JS/TS 運行時而不是 Nodejs, 所以這裡替換一下

需要修改兩個文件，一個是 wails.json, 一個是 frontend 目录下的 package.json

將 wails.json 中 npm 對應命令替換為 bun

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

將 frontend 目录下的 package.json 中 scripts 內容替換為使用 bunx 執行 vite 命令

 "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 啟動