Урок 17. Задания
⚡ Кратко
Три практических задания на установку и четыре вопроса.
Задания
Задание 1. Установка с нуля
Создайте новый проект Vite + React + TypeScript, подключите Tailwind,
настройте алиас @/ и выполните init. Критерий:
npx shadcn@latest info показывает найденные фреймворк,
Tailwind v4 и алиасы.
Задание 2. Разбор конфигурации
Откройте components.json и объясните своими словами,
что произойдёт, если поменять: tailwind.baseColor на
slate; aliases.ui на @/ui;
tsx на false.
Задание 3. Страница входа
Добавьте компоненты card, input,
label, button и соберите форму входа.
Проверьте, что фокус виден с клавиатуры, а форма выглядит корректно
в тёмной теме.
Проверка понимания
Выберите один вариант ответа — правильный подсветится после клика.
Вопрос 1
Что обязательно настроить до запуска init?
Вопрос 2
Что делает init с вашим CSS-файлом?
Вопрос 3
Как посмотреть отличия своего компонента от версии реестра?
Вопрос 4
Зачем нужно поле aliases.ui в components.json?