Настройка проекта

⏱️ Примерное время: ~12 минут · 🎯 Урок 5 курса «Claude Code in Action»

Работать с Claude Code гораздо интереснее, когда есть проект, над которым можно поэкспериментировать. Я подготовил небольшой проект для изучения вместе с Claude Code — то самое приложение для генерации UI, которое было показано в предыдущем видео. Обратите внимание: запускать этот проект необязательно; вы можете следовать за уроком на примере собственной кодовой базы.

Настройка

Убедитесь, что у вас локально установлен Node.js.
Скачайте zip-файл uigen.zip, прикреплённый к этой лекции, и распакуйте его.
В каталоге проекта выполните команду npm run setup, чтобы установить зависимости и настроить локальную базу данных SQLite.
Опционально: этот проект использует Claude через Anthropic API для генерации UI-компонентов. Чтобы протестировать приложение в полном объёме, укажите API-ключ. Этот шаг можно пропустить — приложение всё равно будет генерировать статичный фиктивный код. Получите ключ Anthropic API на https://console.anthropic.com/ и поместите его в файл .env, заменив текст your-api-key-here.
Запустите проект командой npm run dev.