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 使用するフロントエンドテンプレート
すべての公式テンプレートは、https://github.com/wailsapp/wails/tree/master/v2/pkg/templates/templates で確認できます。
wails init -n wailsapp -t vue-ts
環境調整#
通常はデフォルトのプロジェクトテンプレートで開発できますが、私は個人的に Node.js の代わりに Bun を JS/TS ランタイムとして使用することを好むので、ここで置き換えます。
npm を bun に置き換え#
2 つのファイルを修正する必要があります。1 つは wails.json、もう 1 つは 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 が起動します。