콘텐츠로 이동
Wails Blog

템플릿

이 페이지는 커뮤니티에서 지원하는 템플릿 목록을 제공합니다. 직접 템플릿을 빌드하려면 템플릿 가이드를 참조하세요.

이 템플릿을 사용하려면 다음 명령어를 실행하세요. wails init -n "Your Project Name" -t [아래 링크[@version]]

버전 접미사가 없으면 기본적으로 main 브랜치의 코드 템플릿이 사용됩니다. 버전 접미사가 있으면 해당 버전의 태그에 해당하는 코드 템플릿이 사용됩니다.

예시: wails init -n "Your Project Name" -t https://github.com/misitebao/wails-template-vue

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 - Wails JS 런타임에 대한 자동 임포트를 갖춘 깔끔한 Nuxt3와 TypeScript를 사용하는 Wails 템플릿
  • Wails-Tool-Template - Vue+TypeScript+Vite+Element-plus(NetEase Cloud Music 스타일)를 사용하는 Wails 템플릿

Angular

섹션 제목: “Angular”

React

섹션 제목: “React”

Svelte

섹션 제목: “Svelte”

Solid

섹션 제목: “Solid”

Elm

섹션 제목: “Elm”
  • wails-elm-template - 함수형 프로그래밍과 빠른 핫 리로드 설정으로 GUI 앱을 개발하세요 :tada: :rocket:
  • wails-template-elm-tailwind - Elm + Tailwind CSS + Wails의 힘 :muscle:을 결합하세요! 핫 리로딩이 지원됩니다.

HTMX

섹션 제목: “HTMX”
  • wails-htmx-templ-chi-tailwind - 상호 작용을 위한 순수 htmx와 컴포넌트 및 폼 생성을 위한 templ의 독특한 조합을 사용하세요

순수 JavaScript (Vanilla)

섹션 제목: “순수 JavaScript (Vanilla)”

Lit (웹 컴포넌트)

섹션 제목: “Lit (웹 컴포넌트)”
  • wails-lit-shoelace-esbuild-template - 프론트엔드에 lit, Shoelace 컴포넌트 라이브러리 + 사전 구성된 prettier와 typescript를 제공하는 Wails 템플릿