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

Терминал — это мощный инструмент, но многим удобнее работать в графическом редакторе кода, где всё наглядно: файлы слева, код в центре, а Claude Code — на панели сбоку. В этом уроке мы настроим Claude Code в двух самых популярных средах — VS Code и JetBrains.

Часть 1: Claude Code в VS Code#

Что такое VS Code#

VS Code (Visual Studio Code) — бесплатный редактор кода от Microsoft. Самый популярный в мире. Скачать можно на code.visualstudio.com.

Не путайте VS Code с Visual Studio — это разные программы. VS Code легче и проще.

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

Расширение (extension) — дополнение, которое добавляет новые возможности в VS Code.

Способ 1: Через ссылку#

Перейдите по ссылке — VS Code откроется и предложит установить:

• Установить Claude Code для VS Code

Способ 2: Через VS Code#

1. Откройте VS Code
2. Нажмите Cmd+Shift+X (Mac) или Ctrl+Shift+X (Windows/Linux) — откроется панель расширений
3. В поисковой строке напишите Claude Code
4. Нажмите Install (Установить)

Способ 3: Через Command Palette#

1. Нажмите Cmd+Shift+P (Mac) или Ctrl+Shift+P (Windows/Linux)
2. Напишите «Claude Code»
3. Выберите Open in New Tab

Command Palette — быстрый поиск команд в VS Code. Думайте о нём как о «поисковой строке для действий».

Начало работы#

После установки:

1. Вы увидите панель Claude Code (обычно справа)
2. При первом использовании VS Code попросит войти в аккаунт
3. Введите ваши данные — и всё готово!

Ключевые возможности в VS Code#

Inline-диффы (изменения прямо в коде)#

Когда Claude предлагает изменения, вы видите их прямо в файле — зелёным выделено то, что добавляется, красным — то, что удаляется. Это нагляднее, чем в терминале.

Inline-дифф — отображение изменений прямо внутри файла, а не в отдельном окне.

@-упоминания файлов#

В строке ввода Claude Code напишите @ и начните вводить имя файла:

Объясни логику в @auth.js

Claude автоматически подставит нужный файл. Работает нечёткий поиск — не обязательно писать полное имя.

Можно упоминать папки (с / на конце):

Что находится в @src/components/

Выделение кода#

1. Выделите мышкой фрагмент кода в редакторе
2. Claude автоматически увидит, что вы выделили
3. Напишите вопрос — например: что делает этот код?

Горячая клавиша Option+K (Mac) / Alt+K (Windows/Linux) вставляет ссылку на выделенный код с номерами строк.

Режимы работы#

В нижней части строки ввода есть индикатор режима:

• Normal — Claude спрашивает разрешение перед каждым действием
• Plan — Claude сначала описывает план, потом ждёт одобрения
• Auto-accept — Claude вносит изменения без подтверждения

Кликните по индикатору, чтобы переключить режим.

История разговоров#

Нажмите на выпадающее меню вверху панели Claude Code — откроется список прошлых разговоров. Можно искать по ключевым словам или выбрать из списка по дате.

Несколько разговоров#

Можно открыть несколько вкладок Claude Code одновременно — через Command Palette → Open in New Tab. Каждая вкладка — отдельный разговор.

Часть 2: Claude Code в JetBrains#

Что такое JetBrains#

JetBrains — компания, которая делает профессиональные редакторы кода:

IDE (Integrated Development Environment) — среда разработки. По сути, продвинутый редактор кода с дополнительными инструментами.

Установка плагина#

1. Откройте ваш JetBrains IDE
2. Перейдите в Settings (Настройки) → Plugins (Плагины)
3. Найдите Claude Code в маркетплейсе
4. Нажмите Install (Установить)
5. Перезапустите IDE

Или установите напрямую из JetBrains Marketplace.

Для работы плагина Claude Code CLI должен быть уже установлен (урок 2).

Возможности в JetBrains#

Быстрый запуск#

Нажмите Cmd+Esc (Mac) или Ctrl+Esc (Windows/Linux) — откроется панель Claude Code.

Просмотр изменений#

Изменения кода отображаются в стандартном средстве просмотра диффов JetBrains — привычном и удобном.

Контекст выделения#

Текущее выделение в редакторе и открытый файл автоматически передаются Claude — ему не нужно объяснять, на что вы смотрите.

Ссылки на файлы#

Нажмите Cmd+Option+K (Mac) или Alt+Ctrl+K (Windows/Linux), чтобы вставить ссылку на файл в формате @File#L1-99.

Диагностика#

Ошибки из IDE (синтаксические ошибки, предупреждения линтера) автоматически передаются Claude Code. Он видит те же ошибки, что и вы.

Работа из внешнего терминала#

Если вы запускаете Claude Code в терминале (не во встроенном), можно подключить его к IDE:

claude
> /ide

Команда /ide свяжет терминальную сессию Claude Code с вашим JetBrains IDE.

Что выбрать: терминал, VS Code или JetBrains?#

*У JetBrains есть бесплатные версии (Community Edition) для IntelliJ IDEA и PyCharm.

Рекомендация для начинающих: начните с VS Code — он бесплатный, понятный и Claude Code в нём работает отлично.

Практика#

В VS Code:#

1. Установите расширение Claude Code
2. Откройте любой проект
3. Напишите в панели Claude: объясни этот проект
4. Выделите фрагмент кода и спросите: что это делает?
5. Используйте @ для упоминания файла

В JetBrains:#

1. Установите плагин Claude Code
2. Нажмите Cmd+Esc / Ctrl+Esc
3. Попробуйте те же задачи

Итоги урока#

✅ В VS Code Claude Code устанавливается как расширение за пару кликов
✅ Inline-диффы показывают изменения прямо в файле — наглядно и понятно
✅ @-упоминания позволяют указать Claude на конкретные файлы и папки
✅ В JetBrains Claude Code работает как плагин с поддержкой диффов и диагностики
✅ Для начинающих лучший выбор — VS Code (бесплатный + удобный интерфейс)

🎉 Поздравляем!#

Вы прошли все 6 уроков Уровня 1: Начинающий. Теперь вы умеете:

• Понимать, что такое Claude Code и чем он отличается от обычных чат-ботов
• Устанавливать Claude Code на любую ОС
• Входить в аккаунт и начинать работу
• Вести диалог, принимать и отклонять изменения
• Работать с кодом, Git и командами
• Использовать Claude Code в VS Code и JetBrains

Следующий шаг: Уровень 2 — Продвинутый пользователь (скоро!)