範本 · Wails

此頁面列出由社群支援的範本。若要建立自己的範本，請參閱範本指南。

若要使用這些範本，請執行
wails init -n "Your Project Name" -t [the link below[@version]]

若沒有版本後綴，預設會使用主分支的程式碼範本。
若有版本後綴，則會使用與該版本標籤對應的程式碼範本。

範例：
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，以及搭配<script setup>的 Composition API）
wails-template-naive－以 Naive UI（Vue 3元件庫）為基礎的 Wails 範本
wails-template-nuxt－使用純淨 Nuxt3 與 TypeScript，並可自動匯入 Wails JS 執行階段的 Wails 範本
Wails-Tool-Template－使用 Vue+TypeScript+Vite+Element-plus 的 Wails 範本（仿網易雲）

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 的範本

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 的範本

wails-elm-template－使用函數式程式設計與反應迅速的熱重新載入設定來開發 GUI 應用程式:tada: :rocket:
wails-template-elm-tailwind－結合 Elm + Tailwind CSS + Wails 的強大能力 :muscle:！支援熱重新載入。

wails-lit-shoelace-esbuild-template－以前端 Lit、Shoelace 元件庫及預先設定的 Prettier 和 TypeScript 為基礎的 Wails 範本