В этой статье мы разберем, как установить и настроить расширение LLM_КИ для Visual Studio Code, которое позволит вам работать с языковыми моделями прямо в редакторе.
Что это за расширение?
LLM_КИ Extension — мощный инструмент для разработчиков, который интегрирует AI прямо в VS Code. С ним вы можете:
- Генерировать и рефакторить код с помощью AI
- Проводить код-ревью с искусственным интеллектом
- Получать объяснения сложного кода
- Работать с контекстом проекта (файлы, папки)
- Использовать два режима: Ask (чат) и Agent (выполнение команд)
Что нам понадобится
- API-ключ LLM_КИ (получить можно на llmki.ru/register)
- Visual Studio Code версии 1.104.1 или выше
- Файл расширения llmki-0.1.1.vsix
Шаг 1: Получение API ключа
- Зарегистрируйтесь на llmki.ru
- Перейдите в личный кабинет
- Создайте новый 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: Из исходников (для разработчиков)
# Клонируйте репозиторий
git clone <repository-url>
cd vscode_vsix
# Установите зависимости
npm install
# Соберите расширение (Windows)
powershell -ExecutionPolicy Bypass -File ./build.ps1
# Или используйте npm
npm run build
# Установите созданный .vsix файл
Шаг 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 или кнопку отправки
Пример использования:
Вы: Объясни, как работает замыкание в JavaScript?
AI: Замыкание в JavaScript — это функция, которая имеет доступ к переменным
внешней (охватывающей) функции даже после того, как внешняя функция завершила выполнение...
Режим Agent (Выполнение команд)
AI-агент, который может выполнять команды в терминале с вашим подтверждением:
- Переключитесь на режим "Agent"
- Попросите AI выполнить задачу
- AI предложит команды для выполнения
- Подтвердите выполнение каждой команды
Пример:
Вы: Установи зависимости проекта из package.json
AI: Я могу выполнить команду: npm install
[Выполнить] [Отмена]
После подтверждения:
✓ Команда выполнена успешно
✓ Установлено 245 пакетов
Работа с контекстом файлов
Прикрепление файлов и папок к запросам:
- Нажмите кнопку 📎 в интерфейсе чата
- Выберите "Прикрепить файл" или "Прикрепить папку"
- Выберите нужные файлы/папки
- Задайте вопрос по коду в этих файлах
Пример использования:
1. Прикрепите файл `utils.ts`
2. Спросите: "Найди баги в этом файле"
3. AI проанализирует код и укажет на проблемы
Работа с изображениями
Добавление изображений к запросам:
- Нажмите кнопку 🖼 или просто нажмите
Ctrl+V(если изображение в буфере) - Выберите изображение
- Задайте вопрос по изображению
Применение:
- Анализ диаграмм и схем
- Объяснение скриншотов ошибок
- Работа с визуальными данными
Шаг 5: Продвинутые возможности
Управление несколькими API ключами
Вы можете создать несколько API ключей для разных проектов:
- Откройте настройки (⚙)
- Нажмите "Управление ключами"
- Добавьте новый ключ с меткой (например, "Проект А", "Тестовый")
- Переключайтесь между ключами в интерфейсе чата
История сессий
Все ваши диалоги сохраняются автоматически:
- Нажмите кнопку 📜 (История)
- Выберите нужную сессию из списка
- Сессия загрузится со всеми сообщениями и контекстом
- Продолжите диалог или создайте новую сессию (кнопка "+")
Отслеживание использования токенов
В интерфейсе чата отображается прогресс-бар использования токенов:
- Максимум 15000 токенов на сессию
- Текущее использование отображается в реальном времени
- Помогает контролировать расходы
Статистика использования
Просмотр статистики по всем запросам:
- Откройте настройки
- Перейдите в раздел "Статистика"
- Увидите:
- Общее количество запросов
- Использованные токены
- Выбранные модели
- Стоимость (если настроено)
Практические примеры использования
1. Генерация функции
Вы: Напиши функцию на 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);
}
### 2. Рефакторинг кода
1. Прикрепите файл с кодом
2. Спросите: "Рефактори этот код, улучши читаемость и производительность"
3. AI предложит улучшенную версию с объяснениями
### 3. Поиск багов
1. Прикрепите проблемный файл
2. Спросите: "Найди потенциальные баги и проблемы безопасности"
3. Получите детальный анализ с рекомендациями
### 4. Объяснение сложного кода
1. Выделите непонятный фрагмент кода
2. Нажмите правой кнопкой → "Объяснить код" (если доступно)
3. Или просто скопируйте код в чат и спросите
## Настройки и конфигурация
### Выбор endpoint
Вы можете выбрать между:
- **Удаленный API**: Работа через llmki.ru (рекомендуется)
- **Локальный сервер**: Для работы с локальным API сервером
Настройка:
1. Команда: `LLMKI: Set API Endpoint (Local/Remote)`
2. Выберите нужный режим
3. Если локальный: установите порт командой `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!