Tailwind CLI
npx @tailwindcss/cli -i ./src/input.css -o ./dist/output.css --watch
npx @tailwindcss/cli -i ./src/input.css -o ./dist/output.css --minify
| Ключ | Значение |
|---|
-i, --input | входной CSS |
-o, --output | выходной файл (по умолчанию — stdout) |
-w, --watch[=always] | пересобирать при изменениях |
--poll[=ms] | опрос вместо событий файловой системы |
-m, --minify | оптимизировать и минифицировать |
--optimize | оптимизировать без минификации |
--cwd | рабочая директория |
--map | source map |
--silent | только ошибки |
-h, --help | справка |
Подкоманды: build (то же, что вызов по умолчанию)
и canonicalize — приведение классов к каноническому виду.
shadcn CLI: команды
| Команда | Что делает |
|---|
init (create) | подготовить проект: конфигурация, тема, cn() |
add [элементы…] | добавить компоненты в проект |
apply [preset] | применить готовый набор настроек |
docs <компоненты…> | документация и примеры использования |
view <элементы…> | показать содержимое элемента реестра |
search (list) | искать элементы в реестрах |
migrate [миграция] [путь] | запустить миграцию |
eject | встроить shadcn/tailwind.css и убрать пакет |
info | что CLI видит в проекте |
build [реестр] | собрать собственный реестр компонентов |
mcp | MCP-сервер для интеграции с ИИ-инструментами |
preset, registry | управление наборами и реестрами |
diff [компонент] | устарело — используйте add [компонент] --diff |
Ключи init
| Ключ | Значение |
|---|
-t, --template | next, start, vite, react-router, laravel, astro |
-b, --base | примитивы: base, radix, aria |
-p, --preset [name] | готовая конфигурация |
-d, --defaults | без вопросов, значения по умолчанию |
-y, --yes | не спрашивать подтверждение |
-f, --force | перезаписать конфигурацию |
-c, --cwd | рабочая директория |
-n, --name | имя нового проекта |
--css-variables / --no-css-variables | темизация переменными |
--rtl / --no-rtl | поддержка письма справа налево |
--pointer / --no-pointer | курсор-указатель на кнопках |
--monorepo / --no-monorepo | структура монорепозитория |
--reinstall / --no-reinstall | переустановить компоненты |
-s, --silent | без вывода |
Ключи add
| Ключ | Значение |
|---|
-y, --yes | без подтверждения |
-o, --overwrite | перезаписать существующие файлы |
-a, --all | добавить все компоненты |
-p, --path | куда положить файлы |
-c, --cwd | рабочая директория |
--dry-run | показать изменения без записи |
--diff [path] | отличия вашей версии от реестра |
--view [path] | показать содержимое файла |
-s, --silent | без вывода |
Частые рецепты
| Задача | Команда |
|---|
| Понять, что CLI видит в проекте | npx shadcn@latest info |
| Посмотреть исходник, не добавляя | npx shadcn@latest view button |
| Проверить, что изменится | npx shadcn@latest add card --dry-run |
| Сравнить свою версию с реестром | npx shadcn@latest add button --diff |
| Поставить всё сразу (для изучения) | npx shadcn@latest add --all |
| Выбрать Radix вместо Base UI | npx shadcn@latest init --base radix |
| Собрать CSS без сборщика | npx @tailwindcss/cli -i in.css -o out.css --minify |
| Найти класс в собранном CSS | grep "text-brand-600" dist/assets/*.css |
Перед любой командой, которая пишет файлы, полезно иметь
чистое рабочее дерево: тогда результат виден в git diff.