VS Code и расширение Claude Code
VS Code и расширение Claude Code
Claude Code интегрируется с VS Code через официальное расширение, обеспечивая работу прямо в редакторе.
Установка расширения
- Открыть VS Code
- Cmd/Ctrl + Shift + X (Extensions)
- Найти «Claude Code»
- Установить официальное расширение от 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
Практические задания
Настрой расширение и открой чат прямо из редактора
Установи расширение Claude Code для VS Code.
Открой любой проект, выдели 10–15 строк кода и через контекстное меню (или горячую клавишу) попроси Claude объяснить выделенный фрагмент. Сравни опыт с использованием CLI.
Подсказки