Skip to content

Claude Code у VS Code

Claude Code можна використовувати прямо в VS Code через офіційне розширення Anthropic. Окремий обліковий запис Anthropic не потрібен: розширення буде надсилати запити через ваш API-ключ NordRouter та списувати оплату з балансу.

Що знадобиться

1. Встановіть розширення

  1. Відкрийте VS Code.
  2. Натисніть Ctrl+Shift+X на Windows/Linux або Cmd+Shift+X на macOS.
  3. Знайдіть Claude Code та встановіть офіційне розширення Anthropic.
  4. Якщо панель Claude не з'явилася, відкрийте панель команд (Ctrl+Shift+P / Cmd+Shift+P), виконайте Developer: Reload Window та дочекайтеся перезапуску вікна.

Потім відкрийте налаштування VS Code (Ctrl+, / Cmd+,), знайдіть Claude Code: Disable Login Prompt і увімкніть це налаштування. Вона відключає вхід до облікового запису Anthropic під час роботи через сторонній провайдер API.

Розширення вже включає Claude Code CLI, тому для звичайної роботи в VS Code окремо встановлювати CLI не потрібно.

2. Додайте налаштування NordRouter

Відкрийте або створіть файл:

  • Windows: %USERPROFILE%\.claude\settings.json;
  • macOS та Linux: ~/.claude/settings.json.

Вставте наступний конфіг та замініть sk-nr-ВАШ-КЛЮЧ на свій ключ:

json
{
  "$schema": "https://json.schemastore.org/claude-code-settings.json",
  "env": {
    "ANTHROPIC_API_KEY": "sk-nr-ВАШ-КЛЮЧ",
    "ANTHROPIC_BASE_URL": "https://nordrouter.com",
    "ANTHROPIC_MODEL": "anthropic/claude-sonnet-4.6",
    "ANTHROPIC_DEFAULT_OPUS_MODEL": "anthropic/claude-opus-5",
    "ANTHROPIC_DEFAULT_SONNET_MODEL": "anthropic/claude-sonnet-4.6",
    "ANTHROPIC_DEFAULT_HAIKU_MODEL": "anthropic/claude-haiku-4.5",
    "CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFIC": "1"
  }
}

Base URL вказується без /v1

Правильно: https://nordrouter.com. Claude Code самостійно додає шлях Anthropic API. Якщо вказати /v1, запит може піти на неіснуючу адресу /v1/v1/messages.

Файл settings.json загальний для Claude Code CLI та розширення VS Code. Налаштувати їх окремо не потрібно.

3. Відкрийте Claude Code

  1. Відкрийте папку свого проекту на VS Code.
  2. Натисніть піктограму Claude у боковій панелі або піктограму ✦ у верхньому правому куті редактора.
  3. Якщо значка немає, відкрийте панель команд і виконайте Claude Code: Open in New Tab.
  4. Після зміни settings.json один раз виконайте Developer: Reload Window.

Для першої перевірки виберіть режим Plan та надішліть безпечний запит:

Поясни структуру проекту, не змінюючи файли.

Якщо Claude відповідає і вісторії активності з'явився запит, підключення працює.

Як змінити модель

Змініть ANTHROPIC_MODEL у settings.json, наприклад:

json
"ANTHROPIC_MODEL": "anthropic/claude-opus-5"

Використовуйте повний ID моделі з префіксом anthropic/. Доступні моделі та актуальні ціни дивіться укаталозі NordRouter.

Часті проблеми

Розширення просить увійти до облікового запису Anthropic

Перевірте, чи увімкнено налаштування Claude Code: Disable Login Prompt, а ANTHROPIC_API_KEY знаходиться саме всередині блоку env у файлі .claude/settings.json. Потім виконайте Developer: Reload Window. Якщо раніше ви входили в Claude Code через обліковий запис Anthropic, виконайте /logout у терміналі Claude Code і перезапустіть вікно https://nr. (VS Code)

Auth conflict: Both a token and an API key are set

Старий ANTHROPIC_AUTH_TOKEN конфліктує з API-ключом. Видаліть цю змінну з оточення та settings.json, залишивши тільки ANTHROPIC_API_KEY.

Invalid URL або запит до /v1/v1/messages

Заберіть /v1 із ANTHROPIC_BASE_URL. Має бути рівно https://nordrouter.com.

No pricing available for model …

Вкажіть повний ID моделі, наприклад anthropic/claude-sonnet-4.6, та перевірте значення ANTHROPIC_DEFAULT_*_MODEL за готовим конфігом вище.

Claude Code не видно у VS Code

Обновіть VS Code до версії 1.94 або новіше, переконайтеся, що розширення увімкнено для поточного профілю, потім виконайте Developer: Reload Window.

Якщо помилка залишилася, відкрийтеповну інструкцію щодо Claude Code ірозділ із рішеннями частих помилок.

Офіційна документація