create tw

테일 윈드 만들기 (Create-TW)

Tailwindcss를 시작하는 가장 쉬운 방법.

create-next-app , create-vite , create-astro 또는 create-svelte 와 같은 인기있는 스캐 폴딩 스크립트를 사용하여 프로젝트를 발판으로 만들고 TailWindcss를 구성하여 프로젝트를 상자에서 작업하도록 구성합니다.

NPX

npx create-tw@latest

# OR

npx create-tw@latest < project-name > --template < id > 

방사

yarn create tw

# OR

yearn create tw < project-name > --template < id > 

PNPM

pnpm create tw

# OR

pnpm create tw < project-name > --template < id >

1. 프로젝트 유형을 선택하십시오
   • nextjs (create-next-app)
   • 바닐라 (생성-vite)
   • React (Create-Vite)
   • vue (Create-Vite)
   • Astro (Create-astro)
   • svelte (create-svelte)
   • preact (생성-vite)
   • 고체 (degit)
2. 언어를 선택하십시오
   • TypeScript
   • 자바 스크립트
3. 의존성을 선택하십시오
   • 더 예쁘고 CLSX 등
4. 플러그인을 선택하십시오
   • Daisy UI, @tailwindcss/typography 등

준비되었습니다! ✅

현재 개발 초기 단계에 있습니다

아이디어, 제안 및 버그 보고서는 대단히 감사합니다. 다음 날에는 Vite와 함께 React, Vue & Svelte에 대한 지원을 추가 할 계획입니다.

스캐 폴딩 도구

ID	주형	도구
다음 JS	다음 .js	생성 -Next-App
바닐라	바닐라	생성 Vite
반응	반응	생성 Vite
vue	vue	생성 Vite
아스트로	아스트로	생성
Svelte-Kit	벨트 키트	스벨을 만들어냅니다
preact	preact	생성 Vite
단단한	단단한	degit

참고 : -ts Postfix를 ID에 추가하여 TypeScript로 설치하십시오.

입력 단계를 건너 뛰는 템플릿 ID를 포함하십시오

npx create-tw@latest --template < id >
# OR
yarn create tw --template < id >