メインコンテンツにスキップ
バージョン: v2.3.1

テンプレート

このページでは、コミュニティがサポートしているテンプレートを紹介しています。 このページに新たにテンプレートを含めたい場合は、このページの下側にあるこのページを編集をクリックして、プルリクエストを出してください。 独自テンプレートの作成方法については、テンプレートガイドをご覧ください。

これらのテンプレートを使用するには、wails init -n "プロジェクト名" -t [テンプレートのリンク[@バージョン]]コマンドを実行してください。

バージョンサフィックスが無い場合は、デフォルトで、メインブランチのコードテンプレートが使用されます。 バージョンサフィックスがある場合は、当該バージョンのタグに対応するコードテンプレートが使用されます。

例: wails init -n "プロジェクト名" -t https://github.com/misitebao/wails-template-vue

注意

Wailsプロジェクトでは、サードパーティ製テンプレートのメンテナンスは行っておらず、責任も負いません!

テンプレートについてよく分からない場合は、package.jsonおよびwails.jsonを確認し、どのようなスクリプトが実行されるのかや、どのようなパッケージがインストールされるのかを調べてください。

Vue

  • wails-template-vue - VueのエコシステムをベースにしたWailsテンプレート (TypeScript、ダークテーマ、i18n、シングルページルーティング、TailwindCSSを統合)
  • wails-vite-vue-ts - Viteを使用したVue 3 TypeScript (および機能を追加する手順)
  • wails-vite-vue-the-works - Vite、Vuex、Vue Router、SaaS、ESLint + Prettier を使用した Vue 3 TypeScript
  • wails-template-quasar-js - JavaScript + Quasar V2 (Vue 3, Vite, Sass, Pinia, ESLint, Prettier) を使用したテンプレート
  • wails-template-quasar-ts - TypeScript + Quasar V2 (Vue 3, Vite, Sass, Pinia, ESLint, Prettier, <script setup>によるComposition API) を使用したテンプレート

Angular

  • wails-angular-template - TypeScript、Sass、ホットリロード、コード分割、i18n を使用した Angular

React

Svelte

Elm

  • wails-elm-template - 関数型プログラミングと高速なホットリロードを使ったGUIアプリ開発 🎉 🚀
  • wails-template-elm-tailwind - Elm + Tailwind CSS + Wailsのパワー💪を組み合わせたテンプレート (ホットリロードサポートあり)

ピュアJavaScript (バニラ)