🐹 Бесплатные фишки по ИИ и заработку в нашем Telegram
Вайб-кодинг

Настройка Claude Code Cursor для эффективной разработки

Полный набор инструментов для профессиональной разработки с AI: от сервера и фреймворка до выбора модели и управления контекстом.

Claude Code и Cursor: полная настройка среды разработки

Ключевые цифры

🔧
4 компонента
Минимальный набор
📁
claude.md
Ключевой файл
💰
$20/мес
Стартовый тариф
📊
200K токенов
Контекстное окно

Минимальный набор инструментов

Без правильной среды разработки AI-ассистент не может эффективно работать с вашим проектом. Он не понимает архитектуру и пишет абстрактный, нерабочий код. Правильная настройка требует четырёх ключевых компонентов, которые работают вместе как единая система.

Локальный веб-сервер — это фундамент. Веб-приложение состоит из десятков файлов, и нужен сервер, чтобы запустить всю цепочку (веб-сервер + язык программирования + база данных) на вашем компьютере. Готовые пакеты экономят время на настройке:

  • XAMPP — бесплатен, но только для Windows. Включает Apache, MySQL, PHP.
  • MAMP — для macOS с версией для Windows (бесплатная версия урезана по функциям).
  • Surfbay (рекомендуется) — работает на Windows и macOS. Бесплатная версия позволяет держать до 5 сайтов. Удобная визуальная панель управления доменами и базами данных.

Эти пакеты дают вам визуальные инструменты для работы с БД (phpMyAdmin, pgAdmin), поддержку MySQL и PostgreSQL, и простую настройку локальных доменов (например, myproject.local). После установки Surfbay вы просто указываете домен, выбираете версию PHP, создаёте index.php и проверяете работу в браузере.

Фреймворк и архитектура проекта

OneShot — это PHP фреймворк, созданный для быстрого запуска SaaS-проектов. Он включает готовые решения для регистрации, авторизации, подписок, платежей и админ-панели. Это критически важно для работы с AI, потому что архитектура фреймворка описана в файлах репозитория, что помогает AI-ассистенту сразу понимать структуру проекта и писать код, который в неё вписывается.

Главное преимущество: вы не тратите время на базовые, одинаковые для всех проектов вещи. Вместо этого фокусируетесь на бизнес-логике. AI может следовать установленным паттернам и соглашениям, потому что они явно описаны.

Установка простая: скачиваете актуальную версию с GitHub (ветка dev или main), распаковываете в папку сайта в Surfbay и запускаете инсталлятор для настройки БД. Инсталлер автоматически создаёт необходимые таблицы и конфигурацию. После этого ваш локальный сайт полностью готов к разработке.

Выбор редактора кода и AI-ассистента

Cursor — это форк VS Code с добавлением AI функций. Другие варианты: Windsurf и Cline, но Cursor признан наиболее удобным и популярным для работы с AI. Важно понимать, что код пишут не редакторы, а AI сервисы (Claude, GPT, Gemini). Платить нужно напрямую провайдеру AI, а не разработчикам редактора.

Для AI-ассистента есть три основных варианта: Claude Code (Anthropic), Codex (OpenAI) и Gemini (Google). Claude Code рекомендуется как наиболее надёжный для сложной разработки. Установка зависит от операционной системы:

  • macOS/Linux — устанавливается одной командой из терминала.
  • Windows — сначала нужно установить Git, затем запустить команду установки.
  • В самом редакторе Cursor нужно установить расширение Claude Code от Anthropic и авторизоваться с платным тарифом.

Платный тариф Claude — обязателен для полноценной работы. Стартовый тариф: $20/месяц (достаточно для модели Sonnet). Для серьёзной разработки с большим кодом нужно готовить $100–200/месяц. Оплата по фактическому расходу токенов часто оказывается дороже подписки.

Инициализация и управление контекстом через claude.md

Первое действие в любом новом проекте — запустить команду init через интерфейс Claude Code. Эта команда автоматически сканирует структуру проекта, анализирует зависимости и создаёт файл claude.md в корне. Это критически важный файл — он является инструкцией для AI о вашем проекте: язык программирования, используемый фреймворк, соглашения и правила кода.

Почему claude.md так важен? AI не имеет памяти между сессиями. При каждом новом чате он начинает с нуля. Файл claude.md даёт ему полный контекст, поэтому он может продолжить разработку правильно. У фреймворка OneShot уже есть готовая заготовка claude.md, но её нужно редактировать вручную, добавляя особенности архитектуры и специфику вашего проекта.

После каждой значимой задачи просите AI обновить этот файл. Обновлённый claude.md поможет в следующей сессии избежать повторных ошибок. Каждой языковой модели доступно контекстное окно (по умолчанию 200 000 токенов). В него входит весь промпт, история чата и все прочитанные файлы. Используйте команды для управления: /context показывает использованный контекст, /clear полностью очищает историю (как новый чат), /compact сжимает историю. Лучший подход: делить задачи на части, чтобы укладываться в лимит.

Выбор модели и режимы выполнения задач

Внутри Claude есть несколько моделей для разных задач. Haiku — не для написания кода, используется самим Claude Code для вспомогательных работ (сканирование файлов, анализ структуры). Sonnet — основная рабочая модель: быстрее, дешевле, справляется с большинством задач разработки. Opus — медленнее и дороже, но лучше справляется с размытыми или архитектурно сложными задачами. Новичкам может быть полезнее начинать с Opus для понимания лучших практик, но потом переходить на Sonnet для экономии.

Для выполнения задач есть три режима. Plan Mode — AI сначала пишет план действий, не меняя файлов. Вы его проверяете и корректируете. Это обязатель для крупных задач, потому что позволяет остановить неправильный путь до того, как он будет реализован. Auto Edit — AI вносит все изменения сам. Хорош для небольших, понятных правок. Ask Before Edit — AI показывает каждое изменение и ждёт вашего подтверждения. Для чувствительных изменений и полного контроля.

На практике для сложных задач всегда используйте Plan Mode. Это экономит время, предотвращает неверную реализацию и помогает обнаружить недопонимание на ранней стадии. Подписка включает лимиты: 5-часовая сессия и недельный лимит на объём (проверьте /usage). При достижении лимита можно переключиться на другой аккаунт.

Цикл разработки: от плана к тестированию

Реальный процесс разработки состоит из чётких шагов. Начните с подробного описания задачи в Plan Mode. Например, если добавляете модуль для управления контентом (страницы, посты, категории, теги), опишите: что нужно сделать, какие сущности потребуются, что должно быть в админке (поля, статусы, SEO метатеги), логика шаблонов (разное отображение для поста и страницы), рекомендации по роутингу и оптимизации БД.

Затем проверьте рассуждение модели. Смотрите, как AI разбирает задачу. Если видите непонимание, остановитесь (Escape), уточните в чате и запустите снова. Когда план устраивает, запустите выполнение, часто в режиме Auto Edit. После реализации тестируйте в браузере: открываете созданные страницы, проверяете функционал.

  • Если что-то не работает, скопируйте текст ошибки из браузера или логов и отправьте AI в чат без лишних объяснений. AI сам поймёт, что исправить.
  • Обновите контекст: попросите AI обновить файл claude.md с учётом сделанных изменений и одобрите предложенные правки.
  • Для несвязанной задачи начните новый чат с командой /clear. AI при старте автоматически прочитает обновлённый claude.md.

Этот цикл гарантирует, что каждая новая задача начинается с полной информацией о проекте, и AI не повторяет ошибки прошлых сессий.

Вопросы и ответы

Нужно ли платить за редактор Cursor?

Нет. Платный редактор не влияет на качество кода, потому что код пишут AI сервисы, а не редактор. Платить нужно напрямую провайдеру AI (Anthropic за Claude, OpenAI за GPT). Cursor предоставляет удобный интерфейс для работы с AI бесплатно.

Сколько стоит работать с Claude Code?

Стартовый тариф — $20/месяц для модели Sonnet. Это дешевле, чем оплата по фактическому расходу токенов. Для серьёзной разработки готовьте $100–200/месяц в зависимости от объёма кода и сложности задач.

Что такое claude.md и почему это так важно?

claude.md — это инструкция для AI о вашем проекте. Он содержит информацию об архитектуре, фреймворке, соглашениях и правилах кода. Без него AI каждый раз пишет в пустоту. Обновляйте его после каждой значимой задачи, чтобы AI сохранял контекст между сессиями.

Когда использовать Plan Mode, а когда Auto Edit?

Для крупных задач всегда используйте Plan Mode — AI сначала напишет план, вы проверите его перед реализацией. Auto Edit подходит для небольших, понятных правок. Ask Before Edit нужен для чувствительных изменений, когда вам требуется полный контроль.

Главное

Ключевая идея

Правильно настроенная среда разработки — это фундамент для эффективной работы с AI-ассистентом. Четыре компонента (локальный сервер, фреймворк, редактор и AI) должны работать вместе. Качество кода зависит не от секретных промптов, а от чёткой архитектуры проекта, которую AI понимает через claude.md. Используйте Plan Mode для сложных задач, управляйте контекстом через команды и обновляйте claude.md после каждой значимой работы.

Начни зарабатывать на ИИ уже сегодня

Клуб людей, которые строят бизнес с помощью AI-агентов. Сигналы, разборы, инсайды — в закрытом Telegram.

✓ Бесплатный старт ✓ Живое сообщество ✓ AI-агенты включены