VSCodeExtensionAIРазработкаTutorial

VSCode Extension для работы с AI: установка и использование LLM_КИ плагина

Пошаговое руководство по установке и настройке VSCode расширения LLM_КИ. Научитесь работать с AI прямо в редакторе: генерация кода, рефакторинг, код-ревью и многое другое.

Команда LLM_КИ
14 сентября 2025
12 мин

В этой статье мы разберем, как установить и настроить расширение LLM_КИ для Visual Studio Code, которое позволит вам работать с языковыми моделями прямо в редакторе.


Что это за расширение?


**LLM_КИ Extension** — мощный инструмент для разработчиков, который интегрирует AI прямо в VS Code. С ним вы можете:

  • Генерировать и рефакторить код с помощью AI
  • Проводить код-ревью с искусственным интеллектом
  • Получать объяснения сложного кода
  • Работать с контекстом проекта (файлы, папки)
  • Использовать два режима: Ask (чат) и Agent (выполнение команд)

  • Что нам понадобится


  • API-ключ LLM_КИ (получить можно на [llmki.ru/register](https://llmki.ru/register))
  • Visual Studio Code версии 1.104.1 или выше
  • Файл расширения llmki-0.1.1.vsix

  • Шаг 1: Получение API ключа


  • Зарегистрируйтесь на [llmki.ru](https://llmki.ru/register)
  • Перейдите в личный кабинет
  • Создайте новый API ключ
  • Скопируйте ключ (он начинается с `sk-llmki-ai-`)

  • Шаг 2: Установка расширения


    Способ 1: Из файла .vsix


  • Скачайте файл `llmki-0.1.1.vsix`
  • Откройте VS Code
  • Нажмите `Ctrl+Shift+P` (или `Cmd+Shift+P` на Mac) для открытия палитры команд
  • Введите: `Extensions: Install from VSIX...`
  • Выберите скачанный файл `llmki-0.1.1.vsix`
  • Дождитесь завершения установки
  • Перезапустите VS Code

  • Способ 2: Из исходников (для разработчиков)


    Код (bash):

    # Клонируйте репозиторий

    git clone <repository-url>

    cd vscode_vsix


    # Установите зависимости

    npm install


    # Соберите расширение (Windows)

    powershell -ExecutionPolicy Bypass -File ./build.ps1


    # Или используйте npm

    npm run build


    # Установите созданный .vsix файл

    Код (text):

    Шаг 3: Первая настройка


  • Откройте VS Code
  • Нажмите `Ctrl+Shift+P` и введите: `LLMKI: Open Chat`
  • В открывшемся окне чата нажмите кнопку ⚙ (настройки)
  • Нажмите "Добавить API ключ"
  • Введите имя ключа (например, "Основной")
  • Вставьте ваш API ключ от LLM_КИ
  • Выберите режим: "Удаленный API" (для работы через llmki.ru)
  • Сохраните настройки

  • Шаг 4: Основные возможности


    Режим Ask (Чат)


    Простой чат с AI-моделью для вопросов, обсуждений и получения помощи:


  • Откройте чат командой `LLMKI: Open Chat`
  • Выберите режим "Ask" в верхней панели
  • Выберите модель (GPT-4, Claude, Gemini и др.)
  • Задайте вопрос в текстовом поле
  • Нажмите Enter или кнопку отправки

  • **Пример использования:**


    Код (text):

    Вы: Объясни, как работает замыкание в JavaScript?


    AI: Замыкание в JavaScript — это функция, которая имеет доступ к переменным

    внешней (охватывающей) функции даже после того, как внешняя функция завершила выполнение...

    Код (text):

    Режим Agent (Выполнение команд)


    AI-агент, который может выполнять команды в терминале с вашим подтверждением:


  • Переключитесь на режим "Agent"
  • Попросите AI выполнить задачу
  • AI предложит команды для выполнения
  • Подтвердите выполнение каждой команды

  • **Пример:**


    Код (text):

    Вы: Установи зависимости проекта из package.json


    AI: Я могу выполнить команду: npm install

    [Выполнить] [Отмена]


    После подтверждения:

    ✓ Команда выполнена успешно

    ✓ Установлено 245 пакетов

    Код (text):

    Работа с контекстом файлов


    Прикрепление файлов и папок к запросам:


  • Нажмите кнопку 📎 в интерфейсе чата
  • Выберите "Прикрепить файл" или "Прикрепить папку"
  • Выберите нужные файлы/папки
  • Задайте вопрос по коду в этих файлах

  • **Пример использования:**


    Код (text):
  • Прикрепите файл `utils.ts`
  • Спросите: "Найди баги в этом файле"
  • AI проанализирует код и укажет на проблемы
  • Код (text):

    Работа с изображениями


    Добавление изображений к запросам:


  • Нажмите кнопку 🖼 или просто нажмите `Ctrl+V` (если изображение в буфере)
  • Выберите изображение
  • Задайте вопрос по изображению

  • **Применение:**

  • Анализ диаграмм и схем
  • Объяснение скриншотов ошибок
  • Работа с визуальными данными

  • Шаг 5: Продвинутые возможности


    Управление несколькими API ключами


    Вы можете создать несколько API ключей для разных проектов:


  • Откройте настройки (⚙)
  • Нажмите "Управление ключами"
  • Добавьте новый ключ с меткой (например, "Проект А", "Тестовый")
  • Переключайтесь между ключами в интерфейсе чата

  • История сессий


    Все ваши диалоги сохраняются автоматически:


  • Нажмите кнопку 📜 (История)
  • Выберите нужную сессию из списка
  • Сессия загрузится со всеми сообщениями и контекстом
  • Продолжите диалог или создайте новую сессию (кнопка "+")

  • Отслеживание использования токенов


    В интерфейсе чата отображается прогресс-бар использования токенов:

  • Максимум 15000 токенов на сессию
  • Текущее использование отображается в реальном времени
  • Помогает контролировать расходы

  • Статистика использования


    Просмотр статистики по всем запросам:


  • Откройте настройки
  • Перейдите в раздел "Статистика"
  • Увидите:
  • - Общее количество запросов

    - Использованные токены

    - Выбранные модели

    - Стоимость (если настроено)


    Практические примеры использования


    1. Генерация функции


    Код (text):

    Вы: Напиши функцию на TypeScript, которая принимает массив чисел

    и возвращает сумму квадратов четных чисел


    AI: Вот функция:

    Код (typescript):

    function sumOfEvenSquares(numbers: number[]): number {

    return numbers

    .filter(n => n % 2 === 0)

    .map(n => n * n)

    .reduce((sum, n) => sum + n, 0);

    }

    Код (text):
    Код (text):

    2. Рефакторинг кода


  • Прикрепите файл с кодом
  • Спросите: "Рефактори этот код, улучши читаемость и производительность"
  • AI предложит улучшенную версию с объяснениями

  • 3. Поиск багов


  • Прикрепите проблемный файл
  • Спросите: "Найди потенциальные баги и проблемы безопасности"
  • Получите детальный анализ с рекомендациями

  • 4. Объяснение сложного кода


  • Выделите непонятный фрагмент кода
  • Нажмите правой кнопкой → "Объяснить код" (если доступно)
  • Или просто скопируйте код в чат и спросите

  • Настройки и конфигурация


    Выбор endpoint


    Вы можете выбрать между:

  • **Удаленный API**: Работа через llmki.ru (рекомендуется)
  • **Локальный сервер**: Для работы с локальным API сервером

  • Настройка:

  • Команда: `LLMKI: Set API Endpoint (Local/Remote)`
  • Выберите нужный режим
  • Если локальный: установите порт командой `LLMKI: Set Local Server Port`

  • Безопасность


  • API ключи хранятся в VS Code SecretStorage (шифрование)
  • Команды в режиме Agent требуют подтверждения
  • Опасные команды блокируются автоматически

  • Частые проблемы и решения


    Расширение не устанавливается


  • Убедитесь, что VS Code версии 1.104.1 или выше
  • Попробуйте установить через командную строку: `code --install-extension llmki-0.1.1.vsix`

  • API ключ не принимается


  • Проверьте, что ключ скопирован полностью (начинается с `sk-llmki-ai-`)
  • Убедитесь, что выбран режим "Удаленный API"
  • Проверьте баланс на счету в личном кабинете

  • Чат не открывается


  • Проверьте, что расширение активировано
  • Перезапустите VS Code
  • Попробуйте команду: `LLMKI: Open Chat` еще раз

  • Модели не загружаются


  • Проверьте подключение к интернету
  • Убедитесь, что API ключ корректный
  • Проверьте настройки endpoint

  • Заключение


    Расширение LLM_КИ для VS Code — мощный инструмент, который может значительно ускорить разработку. От генерации кода до поиска багов, AI становится частью вашего рабочего процесса.


    Что дальше?


  • Изучите режим Agent для автоматизации задач
  • Настройте несколько API ключей для разных проектов
  • Используйте историю сессий для сложных задач
  • Экспериментируйте с разными моделями для разных задач

  • Начните использовать AI в разработке уже сегодня!


    Полезные команды


    | Команда | Горячие клавиши | Описание |

    |---------|----------------|----------|

    | `LLMKI: Open Chat` | - | Открыть окно чата |

    | `LLMKI: Set API Endpoint` | - | Выбрать локальный/удаленный endpoint |

    | `LLMKI: Set Local Server Port` | - | Установить порт локального сервера |


    Попробуйте сами и ускоряйте разработку с AI!

    Другие статьи

    СтудентыУчёба
    Как LLM_КИ помогает студентам: учёба без перерасхода
    Конспекты, планы, перефраз и проверка фактов на дешёвых моделях. Готовые промпты и лайфхаки экономии.
    16 ноября 20257 мин
    Читать
    БытСемья
    Как LLM_КИ помогает мамам: быт, меню и списки дел
    Меню на неделю, списки покупок, идеи занятий и вежливые ответы в чатах. Три простых сценария с готовыми шаблонами.
    14 ноября 20256 мин
    Читать
    Статья не найдена — Блог LLM_КИ