模板
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>的组合式 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 模板(仿网易云)
Angular
- wails-template-angular - Angular 15+ 功能丰富,可直接投入生产。
- wails-angular-template - 集成 TypeScript、Sass、热重载、代码拆分和国际化的 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 + TypeScript + Vite 的模板
- wails-template-vite-solid-js - 使用 Solid + JavaScript + 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(原生)
- wails-pure-js-template - 仅包含基础 JavaScript、HTML 和 CSS 的模板
Lit(Web 组件)
- wails-lit-shoelace-esbuild-template - 提供基于 Lit 和 Shoelace 组件库的前端,并预先配置 Prettier 和 TypeScript 的 Wails 模板