範本

Wails 的專案範本與起始套件

此頁面提供社群支援的範本列表。若要建立您自己的
範本，請參閱 Templates
指南。

要使用這些範本，請執行
wails init -n "Your Project Name" -t [下方的連結[@version]]

如果沒有版本後綴，則預設使用 main 分支的程式碼範本。
如果有版本後綴，則使用對應此版本標籤的程式碼範本。

範例：
wails init -n "Your Project Name" -t https://github.com/misitebao/wails-template-vue

Vue

• wails-template-vue - 基於 Vue 生態系的 Wails 範本（整合 TypeScript、深色主題、

  國際化、單頁路由、TailwindCSS）

• 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、Composition API 搭配 <script setup>）

• wails-template-naive - 基於 Naive UI（一個 Vue 3 元件庫）的 Wails 範本

• wails-template-nuxt - 使用乾淨的 Nuxt3 和 TypeScript 的 Wails 範本，並為 wails js

  runtime 提供自動導入功能

• Wails-Tool-Template - 使用 Vue+TypeScript+Vite+Element-plus(仿网易云) 的 Wails 範本

Angular

• wails-template-angular - Angular 15+ 功能豐富且已準備好投入生產環境。

• wails-angular-template - 使用 TypeScript、Sass、熱重載、程式碼分割和 i18n 的 Angular

React

• wails-react-template - 使用 reactjs 的範本

• wails-react-template - 支援即時開發的 React 最小化範本

• wails-template-nextjs - 使用 Next.js 和 TypeScript 的 範本

• wails-template-nextjs-app-router - 使用 Next.js 和 TypeScript 並搭配 App router 的

  範本

• wails-template-nextjs-app-router-src - 使用 Next.js 和 TypeScript 並搭配 App router src + 範例的

  範本

• wails-vite-react-ts-tailwind-template - 用於 React + TypeScript + Vite + TailwindCSS 的

  範本

• wails-vite-react-ts-tailwind-shadcnui-template - 使用 Vite、React、TypeScript、TailwindCSS 和 shadcn/ui 的

  範本

Svelte

• wails-svelte-template - 使用 Svelte 的範本

• wails-vite-svelte-template - 使用 Svelte 和 Vite 的範本

• wails-vite-svelte-tailwind-template - 使用 Svelte 和 Vite 並搭配 TailwindCSS v3 的

  範本

• wails-svelte-tailwind-vite-template - 使用 Svelte v4.2.0 和 Vite 並搭配 TailwindCSS v3.3.3 的更新版範本

• wails-sveltekit-template - 使用 SvelteKit 的範本

• wails-template-shadcn-svelte - 使用 Sveltekit 和 Shadcn-Svelte 的範本

Solid

• wails-template-vite-solid-ts - 使用 Solid + Ts + Vite 的範本

• wails-template-vite-solid-js - 使用 Solid + Js + Vite 的範本

Elm

• wails-elm-template - 使用函數式程式設計和快速熱重載

  設定來開發您的 GUI 應用程式 :tada: :rocket:

• wails-template-elm-tailwind - 結合 Elm + Tailwind CSS + Wails 的力量 :muscle:！支援熱重載。

HTMX

• wails-htmx-templ-chi-tailwind - 使用純 htmx 的獨特組合來實現互動性，並使用 templ 來

  建立元件和表單

純 JavaScript (Vanilla)

• wails-pure-js-template - 僅包含基本 JavaScript、HTML 和 CSS 的 範本

Lit (web components)

• wails-lit-shoelace-esbuild-template - Wails 範本，為前端提供 lit、Shoelace 元件庫 +

  預先設定的 prettier 和 typescript。