Урок 1: Что такое Cursor

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

• Чем Cursor отличается от VS Code и CLI-подходов к AI-кодингу
• Как установить Cursor и импортировать настройки из VS Code
• Навигация по интерфейсу Cursor и доступные функции
• Какой тариф выбрать в зависимости от ваших потребностей

Что такое Cursor?

Cursor — это IDE, созданная на базе VS Code, со встроенным AI-ассистентом. Это не плагин, а полноценный редактор кода, похожий на VS Code, но с суперсилами для ускорения разработки.

IDE на базе VS Code + встроенный AI

Cursor наследует всё лучшее от VS Code:

• Знакомый интерфейс (если вы использовали VS Code)
• Поддержка расширений VS Code
• Синхронизация настроек
• Все горячие клавиши работают так же

Но добавляет уникальные AI-возможности, встроенные в сам редактор:

• Предсказательное автодополнение кода
• Инструменты для прямого редактирования файлов с помощью AI
• Chat в боковой панели для диалога с AI
• Agent Mode / Agent Composer 2 для сложных мультифайловых изменений
• Фоновые агенты (Background Agents) для параллельной работы

flowchart LR
  A["Cursor = VS Code форк"] --> B["Tab Completion"]
  A --> C["Inline Edit"]
  A --> D["Chat"]
  A --> E["Agent Mode"]
  A --> BG["Background Agents"]
  B --> F["Ваш код"]
  C --> F
  D --> F
  E --> F
  BG --> F

Почему IDE лучше, чем CLI?

Когда вы работаете в терминале (Claude Code, Gemini CLI), AI видит только текст. В IDE же:

Когда использовать Cursor вместо CLI?

Cursor лучше для:

• Прототипирования UI (видите результат сразу)
• Рефакторинга существующих проектов (нужны точечные правки)
• Обучения (видите, как AI меняет код)
• Команды, привыкшей к IDE (естественный workflow)

CLI лучше для:

• Автоматизации (скрипты, batch-обработка)
• Работы на удалённых серверах
• Интеграции в CI/CD
• Сложных трансформаций больших проектов

Установка Cursor

Шаг 1: Скачайте Cursor

Перейдите на cursor.com и нажмите Download.

Доступны версии для:

• macOS (Intel и Apple Silicon)
• Windows
• Linux (AppImage и snap)

Шаг 2: Импорт настроек VS Code

При первом запуске Cursor предложит импортировать ваши настройки VS Code:

VS Code Settings
Автоматически импортирует:
[+] Расширения
[+] Тему (цветовую схему)
[+] Горячие клавиши
[+] Настройки (font, tabSize и т.д.)

Или вручную: Settings → Profiles → Import from VS Code.

Шаг 3: Авторизация AI

После запуска Cursor просит войти (или создать аккаунт). Это нужно для:

• Использования AI-функций
• Привязки тарифа
• Синхронизации настроек между устройствами

Интерфейс Cursor

Боковая панель (левая)

Как в VS Code, но с новой вкладкой:

┌──────────────────┐
│ Explorer         │ (Файлы проекта)
│ Search           │ (Поиск в коде)
│ Source Control   │ (Git)
│ Run and Debug    │ (Отладка)
│ AI Chat          │ (Новое! Диалог с AI)
│ Extensions       │ (Расширения)
└──────────────────┘

AI Chat — главное нововведение. Здесь вы общаетесь с AI о коде, даёте инструкции, просите объяснения.

Главная область

Как в VS Code: редактор файлов, терминал внизу, output panel.

Новое: нажмите Cmd+K (macOS) или Ctrl+K (Windows/Linux) — откроется Inline Edit для редактирования выбранного кода.

Command Palette

Cmd+Shift+P (macOS) или Ctrl+Shift+P (Windows/Linux).

Содержит команды Cursor:

• Cursor: Chat — открыть чат
• Cursor: Create Project — новый проект
• Cursor: Settings — настройки

Тарифы Cursor

Hobby (бесплатный)

Возможности:
- Ограниченное количество Tab Completions и Agent requests в месяц
- Базовый Chat

Отлично для: обучения, небольших проектов

Pro ($20/месяц или $16/мес при годовой оплате)

Возможности:
- Unlimited Tab Completion
- Extended limits на Agent (с rate limit на дорогих моделях)
- Доступ к frontier-моделям (Claude 4.6/4.7, GPT-5.x, Gemini 3.x) и другим
- Кредиты для выбора premium-моделей (использование премиум-моделей списывается с кредитов)
- Приоритет в обработке запросов

Отлично для: профессиональной разработки

Teams ($40/месяц на пользователя)

Возможности:
- Всё из Pro
- Shared resources, centralized billing
- SSO (Single Sign-On)
- Privacy mode
- Admin controls и usage analytics

Отлично для: команд и стартапов

Enterprise (цена по запросу)

Возможности:
- Всё из Teams
- SCIM provisioning
- Dedicated account manager
- Priority support
- Custom contract

Для: крупных организаций

Сравнение тарифов

Первый запуск: создаём простой проект

Проект: TODO приложение на React

1. Создайте папку:

mkdir cursor-demo
cd cursor-demo

2. Откройте её в Cursor: File → Open Folder.

3. Создайте файл index.html:

<!DOCTYPE html>
<html>
<head>
  <title>TODO App</title>
</head>
<body>
  <div id="root"></div>
  <script src="app.js"></script>
</body>
</html>

4. Создайте файл app.js и нажмите Cmd+K (или Ctrl+K).

5. Напишите в окне инструкцию:

Создай функцию addTodo, которая принимает строку и добавляет её в список.
Используй массив todos и DOM API.

6. Нажмите Enter — Cursor заполнит код.

Что произойдёт

• Cursor предложит несколько вариантов кода
• Вы выберете наиболее подходящий
• Код вставится прямо в файл
• Вы сразу видите результат в редакторе

Это и есть основная суперсила Cursor: быстрая, визуальная итерация с AI.

Рекомендуемые расширения

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

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

• Cursor — это VS Code + встроенный AI, предоставляющий инструменты для ускорения разработки
• IDE лучше CLI для визуального feedback, inline-правок и обучения
• Интерфейс знаком — если вы использовали VS Code, не нужно учиться заново
• Cursor 2.0 (октябрь 2025) ввёл Agent-first архитектуру с Composer-моделью и параллельными Background Agents. Сейчас актуальна версия 3.x с Agent Composer 2
• Тарифы — Hobby бесплатно, Pro $20/мес (или $16 при годовой оплате), Teams $40/мес
• Первый опыт — установка, импорт настроек, пробный проект занимают 10-15 минут

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

В Уроке 2: Базовая работа научимся использовать основные инструменты Cursor:

• Tab Completion (автодополнение на стероидах)
• Inline Edit (Cmd+K) для быстрого редактирования
• Chat (Cmd+L) для диалога с AI
• Agent Mode для сложных мультифайловых задач
• Background Agents для параллельной работы