プロジェクトの開始
プロジェクトの生成
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"になっています。 このモジュール名は、あなたのプロジェクトに適切な名前に変更しましょう。