Работа с Claude Code становится продуктивнее, если у вас есть проект.
Я подготовил небольшой проект для изучения возможностей Claude Code. Это то же приложение для генерации пользовательского интерфейса, которое было показано в предыдущем видео.
Примечание: Запускать этот проект необязательно. Вы можете использовать собственную кодовую базу для прохождения курса.
Настройка
Для работы с проектом потребуется небольшая настройка:
- Убедитесь, что Node.js установлен локально. Ссылка на инструкции по установке.
- Загрузите и извлеките ZIP-файл
uigen.zip, прикрепленный к этой лекции. - В каталоге проекта выполните
npm run setupдля установки зависимостей и настройки локальной базы данных SQLite. -
Необязательно: Проект использует Claude через Anthropic API для генерации компонентов пользовательского интерфейса. Для полноценного тестирования приложения потребуется предоставить API key для доступа к Anthropic API. Если API key не предоставлен, приложение все равно будет генерировать некоторый статический фиктивный код. Вот как можно установить API key:
- Получите Anthropic API key на https://console.anthropic.com/.
- Разместите ваш API key в файле
.env.
- Запустите проект, выполнив
npm run dev.