VS Code: что это и как настроить для работы с ИИ-агентом

Простыми словами: где скачать, как открыть папку проекта и подключить Claude Code.

Коротко

VS Code это бесплатный редактор: в нём видны файлы проекта, и их можно править. Claude Code подключается к нему расширением и работает в отдельной панели. Новичку VS Code не обязателен: Claude Desktop уже включает Claude Code.

  • Установка: Windows User Installer или файл .dmg на Mac.
  • Подключение: расширение anthropic.claude-code, нужен VS Code 1.94.0 или новее.
  • Для Claude Code нужна платная подписка Claude или аккаунт Console.

Хотите пройти установку по видео и сразу собрать первый проект? Смотреть обучение

Как это выглядит

Левый верхний угол окна VS Code: меню File, Edit, Selection, View, Go, Run, столбец значков и заголовок панели Explorer
Окно VS Code: сверху меню, слева столбец значков, рядом панель Explorer. В ней вы увидите список файлов и папок своего проекта.

Что такое VS Code?

VS Code, полное название Visual Studio Code, это редактор для работы с файлами проекта. Слева он показывает список папок и файлов. В центре открывается выбранный файл.

Официальный сайт называет его открытой платформой для написания кода руками или голосом. Он работает на Windows, macOS и Linux, а ещё в браузере на сайте vscode.dev. Для базового редактора аккаунт не нужен.

«Microsoft Word для кода. Ставится за 2 минуты, работает на чём угодно.»

Александр, @saint4ai

Для вас это окно с папкой проекта. Слева видны все файлы, вы открываете их и правите. Сам редактор бесплатный.

Как установить VS Code на Windows и Mac?

Скачивайте редактор только с официального сайта: code.visualstudio.com. Установка занимает несколько шагов.

  1. Windows: скачайте установщик

    На странице загрузки выберите Windows User Installer. Это файл с расширением .exe.

  2. Windows: оставьте отметку Add to PATH

    На шаге Select Additional Tasks проверьте, что опция Add to PATH отмечена. Она нужна, чтобы команда code работала в терминале.

  3. Windows: проверьте установку

    Закройте терминал и откройте новый. Введите code --version. Если пришёл номер версии, всё в порядке.

  4. Mac: перенесите программу в Applications

    Скачайте файл .dmg и откройте его. Перетащите Visual Studio Code в папку Applications и запустите оттуда.

  5. Mac: включите команду code по желанию

    Нажмите Cmd + Shift + P и введите shell command. Выберите команду, которая ставит code в PATH, и перезапустите терминал.

Для Windows есть три способа установки. Официальная документация рекомендует первый.

СпособЧто важно
User setup (рекомендуется)Права администратора не нужны. Обновления идут в фоне. Папка: %LOCALAPPDATA%\Programs\Microsoft VS Code.
System setupСтавится для всех пользователей компьютера. Нужны права администратора. Папка: Program Files.
ZIP-архивРаспаковали и запустили из папки. Обновлять нужно вручную при каждом выпуске.

Если Windows пишет, что code не найдена, проверьте PATH. В нём должна быть папка bin. Для User setup это %LOCALAPPDATA%\Programs\Microsoft VS Code\bin.

Как открыть папку проекта в VS Code?

Проект в VS Code это обычная папка с файлами. Редактор открывает её целиком.

  1. Откройте папку

    В меню выберите File, затем Open Folder и укажите свою папку. Можно и из терминала: перейдите в папку и введите code ..

  2. Ответьте на вопрос о доверии

    VS Code спросит, доверять ли авторам файлов. Соглашайтесь только для папок из источников, которые вы знаете. Без доверия работает Restricted Mode с ограничениями.

  3. Найдите файлы слева

    Верхний значок в левом столбце открывает Explorer. В нём список папок и файлов проекта. Клик по файлу открывает его в центре.

Расширения ставятся из того же окна. Нажмите Ctrl + Shift + X (на Mac Cmd + Shift + X): откроется список Extensions, внутри поиск по названию.

Как подключить Claude Code к VS Code?

Claude Code это ИИ-агент: он читает файлы проекта, меняет их и запускает команды по вашей задаче. В VS Code он работает как расширение, то есть дополнение к редактору. Что это за агент, читайте в гайде про Claude Code.

Нужны две вещи. Первая: VS Code версии 1.94.0 или новее, версию видно в меню Help, раздел About. Вторая: платная подписка Claude (Pro, Max, Ultra, Team или Enterprise) либо аккаунт Claude Console. API-ключ не нужен. Тарифы разобраны в гайде о стоимости.

  1. Откройте Extensions

    Нажмите Ctrl + Shift + X (на Mac Cmd + Shift + X).

  2. Найдите расширение

    Введите Claude Code и нажмите Install. Идентификатор расширения: anthropic.claude-code.

  3. Откройте панель

    Нажмите Ctrl + Shift + P (на Mac Cmd + Shift + P), введите Claude Code и выберите Open in New Tab.

  4. Войдите и поставьте задачу

    При первом открытии войдите в аккаунт Claude. Затем напишите задачу обычными словами.

Поле ввода Claude Code внутри VS Code с подсказкой ctrl esc to focus or unfocus Claude
Поле ввода Claude Code внутри VS Code. Подсказка в строке: Ctrl + Esc переключает фокус между редактором и Claude.

Панель открывается и другими способами: значком Spark в правом верхнем углу редактора (он виден, когда открыт файл) или строкой Claude Code в правом нижнем углу окна. Вторая работает и без открытого файла.

В режиме Manual Claude показывает изменение в виде diff, то есть старый и новый вариант рядом, и спрашивает разрешение. Решение остаётся за вами.

**Расширение не ставит команду claude в терминал.** Документация Anthropic говорит прямо: установка расширения не добавляет claude в PATH. Хотите запускать claude в терминале VS Code, поставьте CLI отдельно. Шаги есть в гайде по установке.

В первом модуле Vibe Coding PRO вы ставите рабочую среду: Claude Code на свой компьютер, а к концу модуля в браузере открыт ваш первый рабочий лендинг. Хотите пройти этот путь по видео?

Смотреть обучение

Нужен ли VS Code новичку, если есть Claude Desktop?

Не обязателен. Приложение Claude Desktop уже включает Claude Code: откройте вкладку Code и ставьте задачи. Отдельно ставить CLI не нужно. Платная подписка нужна и там.

ПоказательClaude DesktopVS Code с расширением
Что этоОтдельное приложение, Claude Code внутриРедактор, Claude Code как расширение
Что видно на экранеДиалог с агентом и его измененияФайлы проекта, редактор и панель Claude рядом
С чего начатьСкачать приложение, войти, открыть вкладку CodeСкачать редактор, поставить расширение, войти
Что нужноПлатная подписка ClaudeПлатная подписка или аккаунт Console, VS Code 1.94.0 или новее

Выбирайте по задаче. Хотите видеть все файлы и править их сами: берите VS Code. Хотите только ставить задачи словами: хватит Claude Desktop.

В гайде по вайб-кодингу Александр показывает этот путь: Claude Code открывается прямо в VS Code, значком слева или клавишами Ctrl + Esc.

Было → Стало

  • БылоРедактор выглядит как окно с непонятными значками.

    СталоВы знаете три зоны: меню сверху, Explorer слева, открытый файл в центре.

  • БылоПосле установки расширения команда claude не находится в терминале.

    СталоВы знаете причину: расширение не добавляет claude в PATH, а CLI ставится отдельно.

  • БылоНепонятно, нужен ли редактор, если есть Claude Desktop.

    СталоВыбор по задаче: файлы проекта на виду или только диалог с агентом.

«Я облегчаю людям жизнь с помощью AI: забираю рутину, чтобы вы занимались важным.»

Александр, @saint4ai

Обучение

От установки редактора до первого проекта

Vibe Coding PRO: 10 модулей, онлайн. В первом модуле вы ставите рабочую среду, дальше даёте задачи агенту.

  • Установка рабочей среды шаг за шагом
  • Доступ к урокам 6 месяцев с начала обучения
Смотреть обучение
AI-наставник платформы отвечает на вопрос шагами и ссылкой на урок
AI-наставник платформы отвечает на вопрос шагами и ссылкой на урок

Вопросы по теме

Коротко о том, что чаще всего спрашивают перед первым шагом.

Бесплатен ли VS Code?

Да. В вопросах и ответах на официальном сайте сказано: VS Code бесплатен для личного и коммерческого использования. Александр тоже называет его бесплатным в гайде по вайб-кодингу. Для базового редактора аккаунт не нужен.

VS Code и Visual Studio Code: это одно и то же?

Да. Официальная документация использует оба названия для одного редактора.

Можно ли пользоваться VS Code без Claude Code?

Да. VS Code работает как обычный редактор файлов. Расширение Claude Code подключается по желанию.

Что делать, если расширение Claude Code не появилось?

Перезапустите VS Code или выполните команду Developer: Reload Window. Проверьте версию: нужна 1.94.0 или новее.

Александр на сцене

Александр, saint4ai

4 года внедряю AI в бизнес. 1013 выпускников onAI Academy за 2 года.

Кейсы

Читать дальше