#Claude Code в вашем редакторе
Начальный уровень · Факультатив · около 15 минут · Нужно: Установка, вход и первый осмотр · Сверено с Claude Code v2.1.285 (stable) 05.10.2026
#Цель
К концу этого факультатива вы сможете запускать Claude Code внутри VS Code или IDE от JetBrains, указывать ему на строки, которые вы смотрите, и проверять его правки в окне сравнения редактора.
#Что понадобится
- Ваша копия шаблона для практики без незакоммиченных изменений, открытая в VS Code или IDE от JetBrains, например IntelliJ IDEA или PyCharm.
- Для JetBrains — консольный инструмент Claude Code из урока 1: плагин запускает его в терминале IDE.
- Расход лимита: небольшой.
#Идея
Терминал — не единственное место, где работает Claude Code. Две интеграции с редакторами ставят его рядом с вашим кодом:
- Расширение для VS Code имеет собственную панель чата и поставляется со своей копией Claude Code. В ручном режиме оно показывает каждую предлагаемую правку рядом с оригиналом и спрашивает, прежде чем её применить (VS Code).
- Плагин для JetBrains запускает команду
claudeв терминале IDE и открывает предлагаемые правки в окне сравнения IDE (JetBrains IDEs).
В обоих случаях это тот же Claude Code: тот же аккаунт, режимы разрешений и CLAUDE.md.
#Разбор примера
В VS Code:
- Откройте панель расширений клавишами
Cmd+Shift+X(Mac) илиCtrl+Shift+X(Windows и Linux), найдите «Claude Code» и нажмите Install. Расширение не работает в ограниченном режиме (Restricted Mode), поэтому если VS Code показывает баннер Restricted Mode или спрашивает, доверяете ли вы папке, доверьтесь: эта копия — ваш собственный код (Workspace Trust). - Откройте
src/config.js. Нажмите на значок Spark в правом верхнем углу редактора, чтобы открыть Claude Code, и войдите, если он попросит. Значка нет? Нажмите✻ Claude Codeв строке состояния справа внизу. - Выделите тело
parseConfigи нажмитеOption+K(Mac) илиAlt+K(Windows и Linux). В поле промпта появится ссылка с путём файла и номерами строк, например@src/config.js#7-17. Спросите:
What happens if linkcheck.json holds an array instead of an object?
- Переключите режим внизу поля промпта на Manual, затем попросите небольшую правку, например комментарий над
parseConfig. Правка откроется рядом с оригиналом, а Claude запросит разрешение в панели чата. Выберите там No (Configure permissions). Кнопки Reject this change внутри окна сравнения отменяют лишь одно изменение в предложении и не завершают проверку.
В IDE от JetBrains:
- Установите плагин Claude Code из JetBrains Marketplace и перезапустите IDE.
- Нажмите кнопку Claude Code в IDE или клавиши
Cmd+Esc(Mac) илиCtrl+Esc(Windows и Linux), чтобы запустить Claude Code в терминале IDE. Если ничего не происходит, откройте терминал IDE и выполнитеclaude: запущенный там, он сам подключается к IDE. Если IDE показывает «Cannot launch Claude Code», она не находитclaudeвPATH: укажите полный путь кclaudeв Settings > Tools > Claude Code [Beta] > Claude command (настройки плагина). - Откройте
src/config.js, выделите телоparseConfigи нажмитеCmd+Option+K(Mac) илиAlt+Ctrl+K(Windows и Linux). В промпте появится ссылка вроде@src/config.js#L7-17. Задайте тот же вопрос. - Нажимайте
Shift+Tab, пока в строке состояния под промптом не появится⏸ manual mode on(Choose a permission mode). Если в нативной WindowsShift+Tabничего не делает, нажимайтеAlt+M(Interactive mode). Затем попросите ту же небольшую правку: она откроется в окне сравнения IDE, а Claude запросит разрешение в терминале. Выберите No.
#Ваша очередь
- Установите расширение или плагин для своего редактора.
- Откройте
src/links.js, выделите всю функциюfindLinksи нажмите сочетание для ссылки:Option+K(Mac) илиAlt+K(Windows и Linux) в VS Code,Cmd+Option+K(Mac) илиAlt+Ctrl+K(Windows и Linux) в JetBrains. Затем спросите, какие виды ссылок она находит. - Переключитесь в ручной режим, как в разборе примера, попросите небольшую правку и просмотрите её в окне сравнения. Затем выберите No в запросе разрешения Claude: в панели чата в VS Code, в терминале в JetBrains.
#Проверка
У этого факультатива нет npm run check: отметьте каждый пункт сами. Факультатив пройден, когда выполнено всё это:
- Интеграция установлена. VS Code: панель расширений (
Cmd+Shift+XилиCtrl+Shift+X) показывает Claude Code как установленное. JetBrains: плагин есть в Settings > Plugins > Installed. -
git diffничего не выводит, потому что вы отклонили правку. - Самопроверка (не тестируется): вы задали вопрос со ссылкой на выделенные строки.
Если git diff показывает правку, она применилась: сессия была не в ручном режиме или вы её одобрили. Отмените её командой git restore <file>, указав файл, который называет git diff. Затем переключитесь в ручной режим, снова попросите правку и выберите No.
#Что дальше
- Desktop quickstart: Claude Code в настольном приложении Claude.
- VS Code commands and shortcuts.
Источники: VS Code · JetBrains IDEs · Configure permissions · Choose a permission mode · Interactive mode · Workspace Trust
Назад к оглавлению Начального уровня · Тема: Память и контекст · Застряли на уроке?