Туториал Cline для начинающих: установка, первая задача, Plan/Act, правила и MCP
Пошаговый туториал по Cline с 15 проверенными скриншотами: установите расширение в VS Code, соберите настоящее приложение на бесплатной модели и освоите режимы Plan и Act, правила и серверы MCP.
Кратко
- Cline — бесплатный ИИ-агент для программирования с открытым кодом внутри VS Code: установите его из Marketplace расширений, войдите через Google или GitHub и начинайте без API-ключа.
- Тариф Absolutely Free работает на хостинговых моделях вроде DeepSeek V4 Flash (контекст 1M) и GLM-5.3-Flash; этот разбор за 15 шагов собирает работающее приложение — калькулятор ИМТ.
- Режим Plan строит стратегию с reasoning-моделью, режим Act пишет код быстрой моделью — весь анализ в Plan из демо стоил $0,0145.
- Следующий уровень — свой ключ Gemini, глобальные правила и правила воркспейса, а также MCP-серверы вроде GitHub и Context7: три столпа идеальной настройки Cline.
I Found 2 Ways to Use Cline for FREE (Best Free AI Coding Agent)
Видеоразбор:HMA WebCode5:26
Ideal Setup for Cline
Источник фактов:Cline3:47
Кадры разбора взяты из демо бесплатной настройки от HMA WebCode; кадры настроек Plan/Act, правил и маркетплейса MCP — из коротких видео официального канала Cline, которые также служат источником фактов о поведении режимов, области действия правил и настройке «трех столпов».
Скриншоты принадлежат соответствующим каналам и используются с указанием авторства и глубокими ссылками; описания шагов написаны нами самостоятельно.
Разбор Cline в 15 шагов
Установить Cline и открыть бесплатный тариф
- 1
Установите расширение Cline в VS Code
Откройте панель расширений VS Code, найдите Cline и нажмите Install на карточке автономного агента для программирования от Cline Bot. После установки значок робота Cline появится в панели Activity Bar — клик по нему открывает панель агента рядом с редактором.
Карточка Cline в Marketplace расширений VS Code, готовая к установке.Смотреть с 0:24 - 2
Выберите, как будете использовать Cline
При первом открытии панели Cline спрашивает, как вы хотите его использовать, и предлагает четыре пути: Absolutely Free (бесплатные хостинговые модели), ClinePlans (платная подписка на open-weight модели), Frontier Model (оплата по использованию через биллинг Cline) и Bring my own API key. Новичкам стоит начать с Absolutely Free — без API-ключа и карты.
Экран первого запуска Cline с четырьмя вариантами настройки.Смотреть с 0:34 - 3
Войдите и попадите на бесплатный тариф
Выберите Absolutely Free, нажмите Log in to Cline и войдите через аккаунт Google или GitHub — это занимает около десяти секунд и не требует способа оплаты. Вы окажетесь на экране провайдера с выбранным Cline Usage-Billing, который и обеспечивает бесплатные модели.
После входа Cline показывает провайдера Usage-Billing и вкладки моделей.Смотреть с 1:46 - 4
Выберите бесплатную модель и effort рассуждений
Откройте выбор модели и перейдите на вкладку Free: DeepSeek V4 Flash (контекст 1M токенов), GLM-5.3-Flash, LongCat 2.0 и Laguna S 2.1 — все с меткой FREE. Для быстрой работы с несколькими файлами берите DeepSeek V4 Flash, а Reasoning Effort оставьте на Medium — Low быстрее, High думает глубже, но тратит больше токенов.
Выбран ID модели deepseek/deepseek-v4-flash, Reasoning Effort — Medium.Смотреть с 2:12
Провести первую задачу от начала до конца
- 5
Откройте пустое поле задачи
Создайте или откройте папку проекта в VS Code и нажмите на значок Cline. Панель встречает простым вопросом — это поле и есть вход в любую задачу. Строка Auto-approve и переключатель Plan/Act находятся внизу панели.
Панель задач Cline готова к первому промпту, Plan/Act в углу.Смотреть с 2:36 - 6
Отправьте первую задачу
Впишите конкретную цель в поле задачи, например: создай современное веб-приложение — калькулятор ИМТ на HTML, CSS и JavaScript, где пользователь вводит рост в сантиметрах и вес в килограммах, а приложение показывает ИМТ с категорией. Конкретные входы, выходы и требования к дизайну дают куда лучший результат, чем однострочная просьба.
Промпт калькулятора ИМТ, введенный в поле задачи Cline.Смотреть с 2:58 - 7
Подтверждайте действия — или включите авто
Cline работает шаг за шагом: он хочет выполнить команду, создать файл или отредактировать другой и показывает diff каждого изменения до применения. Подтверждайте действия по одному или включите Auto-approve для Read, Edit и Commands, чтобы он сам прошел по чек-листу — чекпоинты в любом случае делают каждый шаг обратимым.
Cline запрашивает подтверждение на создание index.html, рядом показан diff CSS.Смотреть с 3:06 - 8
Откройте готовое приложение
Через несколько минут задача завершается сводкой и записью BMI Calculation Checkpoint. Откройте созданный index.html через Live Server или любой статический сервер и проверьте: 175 сантиметров и 70 килограммов дают ИМТ 22,9 — Normal. Полноценное работающее приложение без единой написанной вручную строки.
Готовый калькулятор ИМТ в браузере рядом со сводкой Cline в VS Code.Смотреть с 3:17
Режимы Plan и Act без лишних токенов
- 9
Знакомьтесь: режимы Plan и Act
Переключатель внизу панели меняет режимы Plan и Act. В режиме Plan Cline только исследует: читает файлы, задает вопросы и предлагает план реализации. В настройках есть одноименные вкладки, чтобы назначить каждому режиму свою модель — сильную reasoning-модель для Plan, быструю кодовую для Act.
Настройки Cline с вкладками Plan Mode и Act Mode для моделей под каждый режим.Смотреть с 0:48 - 10
Дайте режиму Plan подумать до кода
Reasoning-модели раскрываются в режиме Plan, потому что разбор задачи — это анализ, а не набор текста. Пока ничего не написано, полное исследование дешево — анализ нарушений DRY из демо стоил всего $0,0145. Отвечайте на вопросы Cline, пока он планирует: каждая поправка здесь экономит переделки потом.
Карточка задачи в режиме Plan с анализом, токенами и стоимостью API $0,0145.Смотреть с 1:10 - 11
Переключитесь на Act, чтобы писать код
Когда план устроит, переключитесь на Act — план зафиксирован, и Cline начинает править файлы. Кодовые модели на этом этапе дешевле и быстрее, именно на этом экономит разделение режимов. На экране возобновления задачи Cline показывает горячую клавишу: Win+Shift+A переключает режимы.
Настройки с выбранной вкладкой Act Mode и кодовой моделью для исполнения.Смотреть с 1:28
Свой ключ, правила и маркетплейс MCP
- 12
Или подключите свой бесплатный ключ
Предпочитаете собственную квоту общему бесплатному пулу Cline? Выберите Bring my own API key, укажите Google Gemini и нажмите Get API key в Google AI Studio — бесплатному тарифу нужен только аккаунт Google. Вставьте ключ в поле API key в Cline, выберите модель Gemini, сохраните — и работаете на своей квоте.
Диалог Create API key в Google AI Studio, где создается бесплатный ключ Gemini.Смотреть с 3:54 - 13
Научите Cline вашим стандартам через правила
Правила — это постоянные инструкции, которые Cline читает в каждой задаче. Откройте вкладку Rules в настройках панели: Global Rules действуют во всех проектах на вашей машине, а Workspace Rules живут в текущем репозитории файлами .clinerules, которые можно закоммитить и расшарить. Подходят для принципов кода, практик безопасности, правил документации и стиля.
Вкладка Rules в настройках Cline с разделами Global Rules и Workspace Rules.Смотреть с 1:06 - 14
Пишите правила, которым модель реально следует
Расплывчатые правила вредны — «оптимизируй код, где возможно» оставляет Cline простор вас игнорировать. Пишите измеримые триггеры: оптимизируй код, когда юнит-тесты идут дольше 100 миллисекунд; применяй принципы SOLID при работе с классами; добавляй инлайн-комментарии, когда код делает допущения. Ведите правила как живой документ и убирайте противоречия.
Файл правил с тремя конкретными измеримыми правилами для каждой задачи.Смотреть с 1:45 - 15
Расширьте Cline серверами MCP
Значок MCP Marketplace в панели открывает серверы в один клик, которые добавляют Cline новые способности: GitHub для операций с репозиторием, Context7 для актуальной документации библиотек, Perplexity и Sequential Thinking для исследований и планирования. Установите сервер, одобрите его инструменты — и Cline сможет вызывать их прямо в задаче. Третий столп идеальной настройки.
Маркетплейс MCP Servers в Cline с карточкой сервера GitHub и кнопкой Install.Смотреть с 2:44