Перейти к тексту

Claude Code: работа с coding-агентом3. Знакомство с Claude Code

Claude Code и IDE: diff в редакторе

Засчитывается, когда отвечены все вопросы квиза

Зачем это нужно

Агент правит файл и просит разрешения сохранить изменения. В терминале diff выглядит как поток строк с плюсами и минусами: не видно окружающего кода, неудобно листать, легко пропустить важную строку. Правки агента нужно читать так же внимательно, как чужой pull request, и делать это удобнее там, где вы обычно читаете код, — в редакторе. Ради этого Claude Code и подключают к IDE.

Как это устроено

Claude Code остаётся CLI в терминале, а редактор становится его окном для diff и источником контекста. Связь держит расширение Claude Code для IDE: для VS Code и Cursor оно ставится из Extensions view (поиск «Claude Code»), для JetBrains IDE — отдельным плагином.

Подключиться можно двумя способами.

  • Запустить claude во встроенном терминале IDE. В VS Code терминал открывается через Ctrl+` (Windows и Linux) или Cmd+` (macOS). CLI сам находит редактор и подключается к нему.
  • Работать во внешнем терминале и выполнить /ide. Команда управляет интеграциями с IDE и показывает статус подключения.

Когда расширение активно, оно запускает локальный MCP-сервер с именем ide, к которому CLI подключается автоматически. Через него CLI делает три вещи:

  • открывает diff в родном diff-viewer редактора;
  • берёт ваше текущее выделение для @-ссылок;
  • в VS Code — выполняет ячейки Jupyter notebook, в JetBrains — читает диагностику инспекций.

Есть и побочный эффект: пока CLI подключён, к каждому промпту он добавляет текущее выделение в редакторе и путь к активному файлу. В истории это видно строкой ⧉ Selected N lines from <file>. Выделили функцию, написали «почему здесь падает?» — агент понимает, о каком коде речь.

В JetBrains IDE место показа diff выбирается в /config: настройка Diff tool со значением auto показывает diff в IDE, terminal — в терминале. Эта настройка появляется в /config, только когда Claude Code подключён к IDE.

Практика

Откройте Cadence в VS Code, запустите claude во встроенном терминале и выполните:

/ide

Убедитесь, что Claude Code видит VS Code. Затем попросите небольшую правку, например: «добавь в package.json скрипт hello, который печатает hello». Когда агент предложит изменение, diff откроется во вкладке редактора: слева исходный файл, справа предложенный. Прочитайте его целиком и только потом отвечайте на запрос разрешения в терминале. Если правка не нужна, откажитесь — файл останется прежним. Если согласились, откатить её научит 3.4.

Подводные камни

  • «No available IDEs detected» после /ide. Проверьте, что расширение или плагин установлен и включён, и перезапустите IDE. Если ожидали автоматического подключения, проверьте, что запускали claude во встроенном терминале IDE.
  • Выделение уходит агенту. Выделенный текст попадает в каждый промпт. Чтобы содержимое секретов, например .env, не уходило таким путём, нужно deny-правило Read на этот путь — оно блокирует и выделение, и упоминание открытого файла. Permissions разобраны в 3.6.
  • Расширение не заменяет CLI. Расширение VS Code содержит свою копию CLI для панели чата. Чтобы запускать claude во встроенном терминале, нужна отдельная установка CLI.

Вывод: подключите редактор один раз и читайте каждую правку агента в нём — это главная причина держать Claude Code рядом с IDE.

Проверь себя

Источники

Текст подготовлен с помощью LLM и может содержать неточности.