Курс по Claude Code

VS Code и расширение Claude Code

VS Code и расширение Claude Code

Claude Code интегрируется с VS Code через официальное расширение, обеспечивая работу прямо в редакторе.

Установка расширения

  1. Открыть VS Code
  2. Cmd/Ctrl + Shift + X (Extensions)
  3. Найти «Claude Code»
  4. Установить официальное расширение от Anthropic

Или через CLI:

code --install-extension anthropic.claude-code

Возможности расширения

Встроенный терминал с Claude Code. Расширение открывает панель Claude Code прямо в VS Code — не нужно переключаться в отдельный терминал.

Контекст из редактора. Claude Code видит:

  • Открытый файл и позицию курсора
  • Выделенный фрагмент кода
  • Структуру workspace

Inline diff. Когда Claude Code вносит изменения, VS Code показывает diff прямо в редакторе — можно принять или отклонить каждое изменение.

Keyboard shortcuts

ShortcutДействие
Cmd/Ctrl + EscОткрыть/закрыть панель Claude Code
Cmd/Ctrl + Shift + EОтправить выделенный код в Claude

Работа с выделением

Выделите фрагмент кода → нажмите правой кнопкой → «Ask Claude» — и Claude Code получит этот код как контекст.

// Выделите функцию и спросите:
"Объясни что делает эта функция и где может упасть"

IDE integrations (JetBrains)

Помимо VS Code, расширение доступно для JetBrains IDE (IntelliJ, WebStorm, PyCharm):

  • JetBrains Marketplace → Claude Code

Итог

  • Расширение устраняет переключение между VS Code и терминалом
  • Показывает inline diff для каждого изменения
  • Поддерживает контекст из выделенного кода
  • Доступно для VS Code и JetBrains IDE

Практические задания

#1

Настрой расширение и открой чат прямо из редактора

Установи расширение Claude Code для VS Code.

Открой любой проект, выдели 10–15 строк кода и через контекстное меню (или горячую клавишу) попроси Claude объяснить выделенный фрагмент. Сравни опыт с использованием CLI.

Подсказки