В этой статье мы разберем, как установить и настроить расширение 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!