canonical_url: https://yycode.net/docs/ru/vscode-gui-guide lang: ru updated_at: 2026-07-04T13:33:48.616Z source_html: https://yycode.net/docs/ru/vscode-gui-guide # yycode × Claude Code: графическое руководство для VS Code ## Предварительные условия - Выполнена [установка окружения Node.js](nodejs-setup) - Установлен Claude Code (`npm install -g @anthropic-ai/claude-code`) --- ## 1. Установите VS Code Перейдите на [официальный сайт VS Code](https://code.visualstudio.com/Download) и скачайте установочный пакет для своей платформы. Пользователям Mac важно выбрать правильную архитектуру чипа: - **ARM64**: чипы M1 / M2 / M3 / M4 - **x64**: чипы Intel --- ## 2. Установите расширение Claude Code for VS Code Откройте VS Code, нажмите слева **Extensions** (магазин расширений), найдите `Claude Code for VS Code`, убедитесь, что издатель — **Anthropic**, и нажмите **Install**. ![](https://r2.bozhouai.com/dragoncode/file-20260401164747215.png) После установки откройте любой проект и нажмите **значок Claude Code** в правом верхнем углу, чтобы открыть панель расширения. ![](https://r2.bozhouai.com/dragoncode/file-20260401164814316.png) --- ## 3. Создайте API Key Войдите в [консоль yycode](https://yycode.net/console/token), откройте страницу **Управление токенами** и нажмите **Добавить токен**. ![](https://r2.yycode.net/yycode/i9bq1Ik.png) ![](https://r2.yycode.net/yycode/9KXR1Ik.png) Заполните имя ключа, выберите группу (модель и коэффициент), при необходимости настройте IP-ограничение, лимит квоты, ограничение моделей и срок действия. Новичкам рекомендуется использовать настройки по умолчанию. > **Совет по безопасности**: API Key эквивалентен учетным данным аккаунта. Храните его бережно, не отправляйте в репозиторий кода и не публикуйте. --- ## 4. Импортируйте ключ Нажмите кнопку **Копировать** рядом с ключом, чтобы получить API Key. ![](https://r2.yycode.net/yycode/EDOv1Ik.png) Нужно задать две переменные окружения: | Имя переменной | Значение | |---|---| | `ANTHROPIC_BASE_URL` | `https://yycode.net` | | `ANTHROPIC_AUTH_TOKEN` | Ваш API Key | **Временная настройка (действует в текущей сессии терминала)** Windows (PowerShell): ```powershell $env:ANTHROPIC_BASE_URL = "https://yycode.net" $env:ANTHROPIC_AUTH_TOKEN = "YOUR_API_KEY" ``` macOS / Linux: ```bash export ANTHROPIC_BASE_URL="https://yycode.net" export ANTHROPIC_AUTH_TOKEN="YOUR_API_KEY" ``` **Постоянная настройка (сохраняется после перезапуска)** Windows (PowerShell): ```powershell [System.Environment]::SetEnvironmentVariable("ANTHROPIC_BASE_URL", "https://yycode.net", [System.EnvironmentVariableTarget]::User) [System.Environment]::SetEnvironmentVariable("ANTHROPIC_AUTH_TOKEN", "YOUR_API_KEY", [System.EnvironmentVariableTarget]::User) ``` macOS (Zsh): ```bash echo 'export ANTHROPIC_BASE_URL="https://yycode.net"' >> ~/.zshrc echo 'export ANTHROPIC_AUTH_TOKEN="YOUR_API_KEY"' >> ~/.zshrc source ~/.zshrc ``` Linux (Bash): ```bash echo 'export ANTHROPIC_BASE_URL="https://yycode.net"' >> ~/.bashrc echo 'export ANTHROPIC_AUTH_TOKEN="YOUR_API_KEY"' >> ~/.bashrc source ~/.bashrc ``` --- ## 5. Пропустите официальный вход При первом открытии расширения может появиться официальная страница входа Anthropic с тремя способами входа. **Не выбирайте ни один из них** — подождите 3-5 секунд, страница исчезнет автоматически. Если переменные окружения из предыдущего шага уже настроены, расширение автоматически использует API Key Dragon Code, вход не нужен. ![](https://r2.bozhouai.com/dragoncode/file-20260401164915737.png) Если страница входа не исчезла автоматически, нажмите настройки в левом нижнем углу, затем найдите Claude code и вручную включите **Disable Login Prompt**. ![](https://r2.bozhouai.com/dragoncode/file-20260401165140845.png) ![](https://r2.bozhouai.com/dragoncode/file-20260401165116806.png) После успешной настройки интерфейс выглядит так: ![](https://r2.bozhouai.com/dragoncode/file-20260401165223172.png) --- ## 6. Начните использовать Опишите задачу естественным языком в поле ввода и взаимодействуйте с Claude Code в форме диалога. Расширение будет автоматически читать и изменять код текущего проекта. ![](https://r2.bozhouai.com/dragoncode/file-20260401165343382.png) --- ## 7. Советы по использованию ### Три режима работы В левом нижнем углу можно переключать режим: ![](https://r2.bozhouai.com/dragoncode/file-20260401165410771.png) **1. Ask before edits（спрашивать перед правками）** Самый консервативный режим. Перед каждым изменением Claude сначала покажет изменения и попросит подтверждение, только затем запишет файл. Подходит, если вы только начинаете пользоваться инструментом или хотите поэтапно контролировать изменения критического кода. **2. Edit automatically（редактировать автоматически）** Максимально автоматизированный режим. Claude напрямую изменяет файлы кода без пошаговых подтверждений. Подходит для уже понятных требований, когда нужно быстро довести изменения до результата. Учтите, что изменения могут выйти за ожидания; после выполнения рекомендуется проверить Git diff. **3. Plan mode（режим планирования）** Код напрямую не меняется: сначала сканируется структура проекта, затем дается полный план изменений и шаги выполнения, и только после вашего подтверждения начинается работа. Подходит для сложных задач: рефакторинг, взаимосвязанные правки нескольких файлов, архитектурные изменения. Сначала посмотрите план, затем действуйте, чтобы избежать неконтролируемых масштабных изменений. ### Параллельная разработка в нескольких окнах Нажмите **+** в правом верхнем углу, чтобы открыть несколько окон Claude Code, например одно для разработки и одно для тестирования. ![](https://r2.bozhouai.com/dragoncode/file-20260401170043951.png) ### Ссылка на файлы проекта Введите `@` в поле ввода и выберите имя файла, чтобы передать содержимое файла Claude Code как контекст. ![](https://r2.bozhouai.com/dragoncode/file-20260401170057102.png) ### Загрузка файла Введите `/attach file` и загрузите файл через диалог выбора. ![](https://r2.bozhouai.com/dragoncode/file-20260401170128374.png) > **Внимание**: значок вложения в правом нижнем углу — это **ссылка на файл** (добавление контекста), а не загрузка файла. Не перепутайте. ### Переключение модели Введите `/model`, выберите **Switch Model** и переключите модель по необходимости. ![](https://r2.bozhouai.com/dragoncode/file-20260401170141185.png) --- ## Частые вопросы (FAQ) **Q: После установки расширения не вижу значок Claude Code?** A: Убедитесь, что расширение установлено успешно, попробуйте перезапустить VS Code. Значок находится в правом верхнем углу панели редактора. **Q: Страница входа не исчезает?** A: Введите `/config` в диалоговом окне и включите `Disable Login Prompt`. **Q: Расширение сообщает о сбое подключения или ошибке 401?** A: Проверьте, что `ANTHROPIC_BASE_URL` равен `https://yycode.net`, а `ANTHROPIC_AUTH_TOKEN` заполнен правильно и не истек. **Q: Как переключать разные модели или коэффициенты?** A: Создавайте ключи разных групп в [консоли yycode](https://yycode.net/console/token) и быстро переключайтесь между конфигурациями через CC Switch. **Q: Какую версию VS Code выбрать?** A: Пользователям Mac выбирать по чипу: для M-серии — ARM64, для Intel — x64. Пользователям Windows достаточно скачать версию по умолчанию.