Чанкина
← Все гайды

Подключение Claude Code в VSCode

Как добавить ИИ-помощника в редактор кода. После этого Claude будет писать код прямо в твоих файлах.

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

Claude Code — это плагин для VSCode, который превращает твой редактор в волшебную палочку. После подключения ты можешь:

  • Просто рассказывать Claude словами, что нужно сделать — он будет писать код за тебя
  • Показывать ему свой код — он увидит файлы и поможет разобраться
  • Просить править, удалять, рефакторить, искать ошибки — всё прямо в твоём проекте
  • Голосом или текстом — как удобно

Это сердце вайбкодинга. Без Claude Code ты просто пишешь код руками, как программист 2010-х. С Claude Code — ты говоришь что хочешь, и оно появляется. Это и есть «вайб».

Что должно быть готово

Прежде чем подключать Claude Code, проверь:

VSCode установленWindows / macOSАккаунт Claude создан, оплачен Max ($100/мес)регистрацияVPN включён (если ты в России) → VPNGit установлен (нужен для работы Claude Code с проектами) → Git

Если что-то из списка не сделано — пройди эти шаги сначала.

Шаг 1. Открыть панель расширений в VSCode

  1. Запусти VSCode
  2. Слева сбоку увидишь вертикальную панель с иконками. Найди иконку квадратиков (4 квадрата, один отдельно) — это «Extensions» / «Расширения»
  3. Кликни по ней

Можно также вызвать клавишами:

  • Windows: Ctrl + Shift + X
  • Mac: Cmd + Shift + X

Откроется боковая панель с поиском расширений.

Шаг 2. Найти расширение Claude Code

В строке поиска панели набери:

Claude Code

В результатах должно появиться расширение от издателя Anthropic (это официальный издатель — компания, которая создала Claude). Иконка — оранжевая буква «C» или логотип Anthropic.

⚠️ Внимательно проверь издателя. В магазине расширений часто появляются клоны от других авторов («Claude AI Helper» от случайного индуса и т.п.) — это не то. Нам нужен именно от Anthropic, и больше никого.

Шаг 3. Установить

На карточке расширения от Anthropic жми синюю кнопку «Install».

Установка занимает 5-10 секунд. После этого кнопка сменится на «Disable» / «Uninstall» — это значит, что расширение установлено.

Шаг 4. Авторизация

После установки расширение автоматически предложит войти в твой Claude-аккаунт.

  1. В левой боковой панели VSCode появится новая иконка — Claude (логотип Anthropic). Кликни по ней
  2. Откроется панель Claude Code с кнопкой «Sign in» (или «Connect your account»)
  3. Жми кнопку — VSCode откроет твой браузер по умолчанию
  4. В браузере увидишь страницу Anthropic с просьбой авторизовать VSCode для доступа к твоему аккаунту
  5. Жми «Authorize» или «Allow»
  6. Браузер вернёт тебя обратно в VSCode (закроет вкладку или попросит «открыть VSCode»)

Если всё прошло успешно — в боковой панели Claude Code увидишь интерфейс чата, как на claude.ai.

💡 VPN при авторизации обязателен (если в России). Без VPN страница Anthropic не откроется, и авторизация провалится.

Шаг 5. Первый тест

Самое приятное — проверить, что всё работает:

  1. В панели Claude Code (которая открылась слева) увидишь поле для ввода
  2. Напечатай что-нибудь простое:
Привет! Скажи, какой сегодня день недели?
  1. Жми Enter

Claude должен ответить через 1-3 секунды. Если ответ пришёл — Claude Code работает! 🎉

Шаг 6. Проверить лимит

Введи в той же панели:

/usage

Claude покажет, сколько у тебя осталось из лимита Max. У свежей подписки лимит будет почти полным.

Эту команду стоит знать — будем использовать на курсе, чтобы не упереться в лимит посреди работы.

Если что-то пошло не так

При поиске «Claude Code» нет расширения от Anthropic — проверь VPN. В некоторых странах магазин расширений VSCode фильтрует контент, и без VPN Anthropic-расширение может не показываться.

Кнопка «Install» неактивна или жалуется на ошибку — проверь, что VSCode подключён к интернету. Иногда корпоративные сети блокируют magazin расширений Microsoft. Попробуй из другой сети.

При нажатии «Sign in» браузер открывается, но страница Anthropic не загружается — VPN не работает или VPN-сервер заблокирован. Поменяй сервер, попробуй заново.

Авторизация прошла, но в панели Claude Code пишет «Sign in required» — это самая частая ошибка из реального чата курса. Авторизация «зацикливается»: на сайте пишет «всё ОК», в VSCode снова просит логин. Решение: нажми Ctrl + Shift + P (или Cmd + Shift + P на Mac), набери Claude Code: Logout, выбери эту команду — она почистит залипший токен. После этого снова Sign in — должно сработать.

Я нажимаю на чат VSCode, а Claude не отвечает — это распространённая путаница. У VSCode есть встроенный чат (иконка пузырька), который НЕ Claude. Расширение Claude Code — это отдельная иконка (оранжевая клякса/буква C) в боковой панели. Кликай именно по ней.

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

Ошибка «Rate limit exceeded» — ты упёрлась в лимит сообщений Max-плана. Подожди 5 часов или используй команду /usage, чтобы увидеть, когда лимит обновится.

Claude отвечает медленно или с ошибкой «Network error» — проверь VPN. Иногда конкретный сервер VPN тормозит трафик к Anthropic. Поменяй на более быстрый сервер.

На иконке Claude в боковой панели висит красный значок «!» — это ошибка. Кликни по иконке и прочти сообщение в самом верху панели — там написано, что не так.

Что дальше

🎉 Поздравляю! У тебя в редакторе теперь сидит ИИ-помощник, готовый писать код за тебя 24/7.

Самое главное правило: разговаривай с Claude как с человеком. Не пытайся писать «правильные команды» — просто описывай задачу обычными словами. Чем точнее опишешь, чего хочешь — тем лучше будет результат.

Можешь зайти в воркшоп 0 и пройти оставшиеся шаги подготовки. Или сразу начни играться — открой любую папку в VSCode и попроси Claude что-нибудь сделать. Самый быстрый способ научиться — это пробовать.

Увидимся на первой встрече курса!