create tw

Создать Tailwind (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)
   • Ваниль (создание вида)
   • React (Create-vite)
   • Vue (Create-vite)
   • Astro (create-astro)
   • СВЕЛТ (CREATE-SVELTE)
   • Preact (create-vite)
   • Твердый (град)
2. Выберите язык
   • Машинопись
   • JavaScript
3. Выберите зависимости
   • Красивее, CLSX и т. Д.
4. Выберите плагины
   • Daisy UI, @tailwindcss/typography и т. Д.

Это готово! ✅

В настоящее время на очень ранней стадии развития

Идеи, предложения и отчеты об ошибках очень ценятся. В последующие дни я планирую добавить поддержку React, Vue & Svelte с Vite.

Инструменты лесов

идентификатор	Шаблон	Инструмент
NextJs	Next.js	create-next-app
ваниль	Ваниль	Создать визит
реагировать	Реагировать	Создать визит
Vue	Vue	Создать визит
астро	Астро	create-astro
СВОВАЯ КИТ	Стройный комплект	Создать сферу
предварительный	Предварительный	Создать визит
твердый	Твердый	град

Примечание. Добавьте -ts postfix в идентификатор для установки с помощью TypeScript

Включите идентификатор шаблона, чтобы пропустить шаги ввода

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