Давайте посмотрим, как установить Claude Code в редактор Visual Studio Code. В документации Claude Code есть раздел "Конфигурация", где представлены два варианта установки:

  • Visual Studio Code
  • JetBrains

Мы остановимся на разделе Visual Studio Code. Для установки поддержки Claude Code нам нужно установить специальное расширение на маркетплейсе Visual Studio Code.

Переходим по ссылке, которая выложена в документации, и находим расширение "Claude Code для VS Code". Нажимаем Install (установить), затем "Продолжить". Открываем приложение и нажимаем на кнопку "Установить".

Доверяем публикатору и разрешаем установку. Расширение Claude Code для VS Code установлено. Перезагружаем VS Code.

Работа с расширением Claude Code

После установки расширения появляется специальный значок для запуска Claude Code. Давайте запустим его и начнем взаимодействовать. Попробуем что-нибудь спросить, например: "Какие файлы ты видишь в проекте?"

Claude Code начинает взаимодействовать с проектом и выдает отчет. Давайте попробуем открыть какой-нибудь тестовый файл. Обратите внимание: когда я выделяю несколько строк, появляется подсказка, что три строки были выделены.

Если я открываю файл, он автоматически появляется в контексте. Нам не нужно его дополнительно указывать. Теперь можно писать запросы, и Claude Code будет понимать, что происходит взаимодействие с этим файлом.

Давайте попробуем практический пример. Выделяю строку, жду, пока она подхватится (появится сообщение "одна линия выделена"). Теперь пишу: "Удали эту строку".

Claude Code показывает предложение действия, которое хочет выполнить. Это отображается в специальном окне, которое можно расширить и промотать. Доступны варианты действий:

  • согласиться с изменением
  • отклонить изменение
  • согласиться и больше не спрашивать подтверждение для подобных действий

Соглашаемся с изменением. Claude Code удалил выбранную часть кода. Таким образом вы можете взаимодействовать с файловой структурой проекта, изменять и расширять её.