🎯 О чём этот конспект: Разбор open-source расширения Continue.dev для VS Code — мощной альтернативы Cursor и Cline (ранее Claude Dev). В видео тестируются возможности подключения различных LLM (GPT-4o, Claude 3.5 Sonet, Mistral), функции автодополнения, редактирования кода «на месте» и создания кастомных промптов.

👤 Кому будет полезно: Вайбкодерам, разработчикам и AI-энтузиастам, которые ищут гибкий инструмент для работы с кодом, поддерживающий локальные модели (Ollama) и предоставляющий больше контроля над контекстом, чем стандартные расширения.

✨ Что получите: Пошаговую инструкцию по установке, подключению бесплатных API-ключей Mistral, настройке Claude 3.5 Sonet внутри расширения и использованию функций Ctrl+I для генерации кода прямо в редакторе.

1. Установка и первичная настройка Continue.dev

Контекст: Continue.dev — это расширение с открытым исходным кодом, которое объединяет в себе чат с кодом, автодополнение (как в Copilot) и возможность редактирования файлов через AI-агента. В отличие от многих конкурентов, оно предлагает «Free Trial» на 50 запросов к топовым моделям (GPT-4o, Claude 3.5) без ввода своей карты, а также поддерживает огромное количество провайдеров API и локальных моделей через Ollama.

Выгода: Быстрый старт без затрат и возможность использовать одну и ту же среду для облачных и локальных нейросетей.

Как применить:

• Шаг 1: Установка — В VS Code перейдите в Extensions, введите Continue и установите расширение (автор: Continue).
• Шаг 2: Выбор модели — После установки нажмите на иконку Continue в боковой панели. Выберите модель для чата. Для теста можно использовать встроенный «Free Trial» с GPT-4o.
• Шаг 3: Добавление провайдеров — Нажмите на выпадающий список моделей -> Add Chat Model. Вы увидите список: Anthropic, OpenAI, Mistral, Google Gemini, Ollama, Together AI и др.

Результат: Готовая рабочая среда с подключенным AI-ассистентом в боковой панели VS Code.

2. Использование бесплатных моделей Mistral (Codestral)

Контекст: Mistral предлагает специализированную модель для кодинга — Codestral. Она доступна бесплатно (в рамках экспериментального плана) и показывает отличные результаты в автодополнении. Автор видео демонстрирует, как получить API ключ и интегрировать его в Continue.

Выгода: Доступ к мощной модели кодинга без оплаты за токены на этапе тестов.

Как применить:

• Шаг 1: Получение ключа — Перейдите на console.mistral.ai. Зарегистрируйтесь и выберите план «Experiment» (бесплатно).
• Шаг 2: Создание API Key — В разделе API Keys создайте новый ключ (например, с названием "Code Assistant").
• Шаг 3: Конфигурация в Continue — В расширении выберите Add Chat Model -> Mistral. Вставьте API ключ. Если возникнет ошибка в config.json, убедитесь, что выбрана модель codestral-latest.

Результат: Бесплатный доступ к Codestral для генерации и анализа кода.

3. Редактирование кода «на месте» (Inline Editing) и контекст

Контекст: Одной из сильнейших фишек Continue является возможность изменять код прямо в файле, не копируя его из чата. Это работает аналогично функции Ctrl+K в Cursor. Также важно уметь правильно передавать файлы в контекст, так как Continue (в отличие от Cline) требует явного указания файлов для анализа.

Выгода: Значительное ускорение написания кода и правок багов.

Как применить:

• Шаг 1: Редактирование (Inline Edit) — Выделите участок кода в редакторе и нажмите Ctrl + I (Windows/Linux) или Cmd + I (Mac). Введите инструкцию, например:

Refactor this function to use async/await and add error handling.

• Шаг 2: Принятие правок — AI предложит диффы (разницу). Нажмите Accept (или Ctrl+Shift+Enter), чтобы применить изменения.
• Шаг 3: Добавление контекста в чат — Чтобы AI «видел» конкретный файл, в чате введите символ @ и выберите Files, затем укажите нужный файл. Чтобы добавить выделенный код в чат, нажмите Ctrl + L.

Результат: Вы управляете кодом прямо в редакторе, а AI понимает структуру проекта через ручное или полуавтоматическое добавление файлов в контекст.

4. Кастомные команды и автоматизация (Custom Prompts)

Контекст: Continue позволяет создавать свои сокращенные команды для часто повторяющихся задач (написание тестов, документации, ревью кода). Это настраивается через файл config.json.

Выгода: Автоматизация рутины и создание собственных стандартов разработки внутри команды.

Как применить:

• Шаг 1: Открытие конфига — Нажмите на иконку шестеренки в окне Continue.
• Шаг 2: Добавление команды — В секции customCommands добавьте свой объект. Например, для создания Unit-тестов:
• Шаг 3: Использование — Теперь в чате достаточно ввести /test, чтобы запустить этот промпт для выделенного кода.

Результат: Библиотека собственных AI-инструментов, доступных по одной команде.

5. Сравнение: Continue vs Cline (Claude Dev)

Контекст: Автор проводит детальное сравнение двух популярных инструментов. Несмотря на то, что Cline лучше справляется с автономным управлением терминалом и автоматическим пониманием всей кодовой базы, у Continue есть свои уникальные преимущества.

Выгода: Понимание, какой инструмент выбрать под конкретные задачи.

Ключевые отличия:

• Автодополнение (Autocomplete): Continue имеет встроенный движок автодополнения (как Copilot), у Cline этого нет.
• Провайдеры: Continue поддерживает большее количество провайдеров «из коробки» и легче настраивается под локальные модели (Ollama).
• Терминал: Cline может сам выполнять команды в терминале, Continue — только генерировать их для вас.
• Цена: Continue дает 50 бесплатных запросов к топовым моделям для старта, Cline требует свой API ключ сразу.

Результат: Для быстрой генерации UI и автодополнения лучше подходит Continue; для сложных агентских задач с доступом к файловой системе и терминалу — Cline.

FAQ

В: Как использовать локальные модели, чтобы код не уходил в облако?

О: Установите Ollama на свой компьютер, скачайте модель (например, ollama run qwen2.5-coder). В Continue нажмите Add Model, выберите провайдер Ollama и укажите название модели. Весь процесс обработки будет происходить на вашем железе.

В: Почему Continue не видит мой проект целиком, как это делает Cursor?

О: В текущих версиях Continue индексация кодовой базы работает иначе. Вам нужно явно добавлять файлы в контекст через @Files или папки через @Folder. Однако это дает больше контроля над тем, сколько токенов тратится на контекст.

В: Работает ли Continue с Claude 3.5 Sonnet?

О: Да, это одна из рекомендуемых моделей. Вы можете подключить её через API Anthropic или через OpenRouter. В видео отмечается, что Claude 3.5 Sonnet показывает лучшие результаты в дизайне UI по сравнению с GPT-4o.

В: Как настроить автодополнение (Autocomplete) отдельно от чата?

О: В файле config.json есть отдельная секция tabAutocompleteModel. Вы можете назначить туда легкую и быструю модель (например, StarCoder или Codestral), а для чата использовать тяжелую модель типа Claude 3.5.

В: Можно ли в Continue генерировать команды для терминала?

О: Да, вы можете выделить ошибку в терминале или описать задачу и использовать команду /shell. Расширение сгенерирует команду, которую вы сможете выполнить одним кликом.

Конспект создан на основе видео «Continue.dev vs Cline» канала [VibeCoderz / Автор видео]. Все права на оригинальный материал принадлежат авторам. Источник: https://www.youtube.com/watch?v=u70zctCPaLc