プロジェクトの開始
プロジェクトの生成
CLIのインストールが終わったら、wails initコマンドで新しいプロジェクトを生成しましょう。
好きなフレームワークを選択してください:
- Svelte
- React
- Vue
- Preact
- Lit
- Vanilla
Generate a Svelte project using Javascript with:
wails init -n myproject -t svelte
If you would rather use Typescript:
wails init -n myproject -t svelte-ts
Generate a React project using Javascript with:
wails init -n myproject -t react
If you would rather use Typescript:
wails init -n myproject -t react-ts
Generate a Vue project using Javascript with:
wails init -n myproject -t vue
If you would rather use Typescript:
wails init -n myproject -t vue-ts
Generate a Preact project using Javascript with:
wails init -n myproject -t preact
If you would rather use Typescript:
wails init -n myproject -t preact-ts
Generate a Lit project using Javascript with:
wails init -n myproject -t lit
If you would rather use Typescript:
wails init -n myproject -t lit-ts
Generate a Vanilla project using Javascript with:
wails init -n myproject -t vanilla
If you would rather use Typescript:
wails init -n myproject -t vanilla-ts
様々な機能やフレームワークを提供するコミュニティテンプレートを利用することもできます。
プロジェクト生成時に使用可能なオプションを確認するには、wails init -helpを実行してください。 詳しくは、CLIリファレンスを参照してください。
プロジェクトのディレクトリ構成
Wailsのプロジェクトディレクトリの構成は次のとおりです:
.
├── build/
│ ├── appicon.png
│ ├── darwin/
│ └── windows/
├── frontend/
├── go.mod
├── go.sum
├── main.go
└── wails.json
プロジェクトの構造
/main.go- アプリのメインコード/frontend/- フロントエンドのプロジェクトディレクトリ/build/- ビルドディレクトリ/build/appicon.png- アプリアイコン/build/darwin/- Mac固有のプロジェクトディレクトリ/build/windows/- Windows固有のプロジェクトディレクトリ/wails.json- プロジェクト構成ファイル/go.mod- Goモジュール定義ファイル/go.sum- Goモジュールチェックサムファイル
frontendディレクトリ内は、Wailsで決まったファイル構成等は無く、お好きなフロントエンドプロジェクトを配置することができます。
buildディレクトリは、アプリのビルド時に使用されます。 この中のファイルは、ビルドの挙動をカスタマイズするために、適宜ファイル内容を書き換えることができます。 buildディレクトリ内のファイルを削除すると、デフォルトのファイルが再生成されます。
go.modのモジュール名は、最初は"changeme"になっています。 このモジュール名は、あなたのプロジェクトに適切な名前に変更しましょう。