Урок 4: CLI vs IDE — когда что использовать?

Чему вы научитесь

• Четыре рабочие схемы: терминальный агент, IDE, чат в браузере, гибрид
• Что Cursor и Copilot уже умеют из терминала
• Таблица: когда что брать
• Четыре сценария и гибридный workflow

Четыре схемы, не две

«CLI против IDE» в 2026 — ложная развилка. У Cursor есть CLI (agent), у Copilot — CLI на всех планах. Потребительский Gemini CLI закрыт: в курсе вместо него Antigravity CLI (agy). Aider — история (последний релиз август 2025).

1. Терминальный агент

Команды вроде claude, agy, codex, opencode, copilot, agent:

claude "Создай функцию для сортировки"
agy "Напиши React компонент"
codex "Добавь обработку ошибок в api.py"
npx @github/copilot "Разбери этот diff"
agent "Проверь тесты и почини падения"

Нужно: скрипты, SSH, CI, большая пачка файлов без GUI.

2. IDE со встроенным агентом (Cursor)

Cursor
├── Tab — автодополнение
├── Inline Edit (Cmd+K)
├── Chat (Cmd+L)
├── Agent (Cmd+I): Agent / Plan / Ask
└── Cloud Agents — облачный фон

Нужно: видеть код, ошибки, превью.

3. Чат в браузере

Claude.ai, ChatGPT, Gemini в вкладке. Копируете фрагмент — вставляете ответ. Нет доступа к репозиторию, пока сами не дадите файлы. Для учёбы и черновика, не для прод-рефакторинга.

4. Гибрид

План в терминале или режиме Plan, правки в IDE, финал и тесты снова в CLI. Ниже — основной workflow.

Таблица сравнения: CLI vs IDE

Четыре сценария: как выбрать

Сценарий 1: Новый проект с нуля

Задача: создать новое приложение на React с нуля.

Нужно создать:
- структуру папок
- несколько компонентов
- конфигурацию
- первые страницы
- подключить API

Рекомендация: IDE (Cursor)

Почему:

• Нужна визуальная обратная связь
• Много экспериментов (try and iterate)
• Нужно видеть результат в браузере
• Composer удобен для создания нескольких файлов

Workflow:

1. Открыть Cursor
2. Cmd+I (Agent) → "Создай структуру React приложения"
3. Cursor создаёт все файлы
4. npm run dev в терминале → видите результат
5. Итерируете быстро (Cmd+K на выделенных строках)
6. Меняете дизайн, функционал on the fly

Сценарий 2: Рефакторинг большого проекта

Задача: переделать весь проект на TypeScript.

Нужно:
- переименовать 50+ файлов (.js → .ts)
- добавить типы везде
- обновить tsconfig
- проверить все imports

Рекомендация: CLI

Почему:

• Нужна автоматизация (масштабная трансформация)
• IDE сложно справиться с 50+ файлами одновременно
• Нужны скрипты и commands
• Можно запустить один раз и забыть

Workflow:

# Claude Code или другой CLI
claude "
Мигрируй проект на TypeScript:
1. Переименуй все .js на .ts
2. Добавь types (React.FC, Props interfaces)
3. Обнови tsconfig.json
4. Проверь все imports
5. Запусти npm run build для проверки
"

# Результат: все файлы переделаны в одном pass'е
# Вы просто проверяете результат

Сценарий 3: Code review и PR

Задача: подготовить PR с изменениями в git.

Нужно:
- изменить несколько файлов
- добавить тесты
- обновить документацию
- создать правильное commit message

Рекомендация: терминальный агент (Claude Code, Codex, Copilot CLI, Cursor agent)

Почему:

• CLI хорошо сидит на git
• Легко смотреть git diff
• Удобно для automation и CI/CD
• Aider здесь не предлагаем: последний релиз — август 2025

Workflow с Claude Code (или agent / copilot):

claude "
Добавь обработку ошибок в api.js,
напиши тесты в api.test.js,
обнови README с новыми API endpoints
"

# Агент:
# 1. Меняет файлы
# 2. Запускает тесты
# 3. Предлагает commit
# 4. Готово для git push

Сценарий 4: Прототипирование UI

Задача: быстро прототипировать интерфейс.

Нужно:
- создать макет страницы
- интерактивные элементы
- быстро менять дизайн
- видеть результат live

Рекомендация: IDE (Cursor)

Почему:

• Live preview важен
• Быстрая итерация (Cmd+K на каждый блок)
• Видите сразу, как выглядит
• Эффективнее, чем в CLI

Workflow:

1. Cursor + Live Server (расширение)
2. Создать HTML → Cmd+K → "добавь стили"
3. Видите результат в браузере
4. Меняете цвета, шрифты быстро
5. Экспортируете готовый код

Таблица решений: как выбрать?

graph TD
    A["Какая задача?"] --> B{"Масштаб"}
    B -->|"Один компонент"| C["IDE Cursor"]
    B -->|"Несколько компонентов"| D{"Нужна итерация?"}
    D -->|"Да, визуально"| C
    D -->|"Нет, логика"| E["CLI"]
    B -->|"Весь проект"| F{"Тип работы?"}
    F -->|"Новый проект"| C
    F -->|"Рефакторинг"| E
    F -->|"Миграция"| E
    F -->|"Прототип UI"| C

Гибридный подход: объединяем силы

Идеальный workflow: использовать оба инструмента в одном проекте.

Пример: Разработка новой feature в существующем проекте

Шаг 1: Планирование (CLI)

# Claude Code: большой обзор архитектуры
claude "
Помоги спланировать новую feature для user authentication.
@src/auth показывает текущую реализацию.

Какие файлы нужно создать/изменить?
Дай полный план."

# Результат: понимаете архитектуру и план

Шаг 2: Реализация (IDE)

# Cursor: детальная реализация
1. Cmd+I (Agent) → создание новых компонентов
2. Cmd+K на существующих файлах → добавления функционала
3. npm run dev → видите результат live
4. Cmd+L (Chat) → обсуждаете проблемы с AI

Шаг 3: Финализация (CLI)

# Claude Code: рефакторинг и тесты
claude "
Мой код в @src/auth готов.
Улучши его:
1. Добавь TypeScript типы везде
2. Напиши Jest тесты для critical paths
3. Добавь error handling
4. Пересмотри для security issues"

# Результат: production-ready код

Когда переходить с IDE на CLI?

Переходите с Cursor на CLI когда:

1. Задача становится больше (50+ строк изменений в десятках файлов)
2. Нужна автоматизация в скриптах и пайплайнах
3. Работаете на удалённом сервере без GUI
4. Нужна batch-обработка нескольких проектов

Примечание: Cursor Agent и Cloud Agents умеют коммитить, пушить и создавать PR. Плюс есть CLI agent. Для git отдельный «чужой» CLI не обязателен.

Как переходить:

1. Скопируйте всё из Cursor в CLI
2. Дайте полный контекст AI (код, структура, инструкции)
3. AI доделает в CLI (автоматизирует)
4. Результат — назад в Cursor для финальных штрихов

Рекомендации по инструментам

Инструменты этого модуля

• Cursor — свой IDE + CLI agent
• Claude Code — терминал Anthropic
• Antigravity CLI (agy) — терминал Google (не Gemini CLI)
• Codex CLI — терминал OpenAI
• OpenCode — OSS, терминал + IDE + desktop, MIT, opencode.ai
• GitHub Copilot — IDE-плагин и CLI (npm i -g @github/copilot, Node.js 22+)

Ключевые выводы

• CLI лучше для автоматизации и масштабирования, хуже для визуальной обратной связи
• IDE лучше для экспериментов и прототипирования, хуже для масштабной трансформации
• Новый проект → IDE (Cursor)
• Рефакторинг большого проекта → CLI
• Гибридный подход — основной workflow: планируете в CLI, реализуете в IDE, финализируете в CLI
• Выбирайте инструмент по задаче, не по привычке

Следующий урок

В Уроке 5: Другие IDE-агенты разберём:

• GitHub Copilot (включая CLI и тариф Max)
• Devin Desktop (бывший Windsurf)
• OpenCode
• Zed
• Cline
• Aider — только как история