Урок 2. Установка и настройка Cursor AI — полное руководство
Cursor AI — самый мощный инструмент для вайб-кодинга на сегодня. Построен на базе VS Code, но с полной интеграцией ИИ. В этом уроке вы установите его, познакомитесь с интерфейсом и откроете первый проект.
Описание темы
Cursor — это AI-нативный редактор кода, построенный на базе VS Code. Создан компанией Anysphere и выпущен в 2023 году. К 2026 году Cursor стал самым популярным AI-редактором в мире — с оценкой в 50 миллиардов долларов.
Отличие Cursor от VS Code: в обычном VS Code можно установить плагин Copilot, но он лишь помощник. Cursor же построил весь редактор вокруг ИИ — Tab completion, Inline Edit, Chat и Agent mode встроены. Он индексирует все файлы проекта и понимает контекст.
Установка очень проста: скачиваете с cursor.com (Windows .exe, Mac .dmg, Linux .AppImage), устанавливаете и при открытии видите интерфейс, похожий на VS Code. Если ранее использовали VS Code, все расширения, темы и горячие клавиши импортируются автоматически.
Бесплатный план Cursor (Hobby) даёт 2000 AI-подсказок и 50 медленных премиум-запросов в месяц. Для начала и обучения этого полностью достаточно. Pro-план ($20/месяц) открывает безлимитные подсказки и быстрые премиум-модели.
Что вы получите из этого урока
- Установите Cursor AI на свой компьютер
- Знаете элементы интерфейса — sidebar, terminal, chat panel
- Понимаете как перейти с VS Code на Cursor
- Откроете первую папку проекта и начнёте общаться с ИИ
- Знаете разницу между бесплатным и платным планами
- Настроите Cursor под себя
Углублённое объяснение
Интерфейс Cursor выглядит почти идентично VS Code, но есть важные отличия. Главное — панель AI Chat справа (Cmd+L). Через неё вы общаетесь с ИИ о вашем проекте. ИИ видит все открытые файлы, структуру проекта и даже вывод терминала.
Ещё одна сильная сторона Cursor — Tab completion. Это не обычный автокомплит, а ИИ, который понимает контекст вашего кода и предлагает целые строки или блоки. Вы просто нажимаете Tab и предложение применяется. Это ускоряет традиционное программирование в 3-5 раз.
Приватность и безопасность: в Settings > Privacy можно включить Privacy Mode — в этом режиме ваш код не используется для обучения ИИ-моделей. Важно для коммерческих проектов. Privacy Mode работает и на бесплатном плане.
Выбор модели: Cursor работает с несколькими ИИ-моделями — GPT-4o, Claude 3.5 Sonnet и другими. В Settings > Models можно выбрать модель по умолчанию. Для начинающих стандартная настройка (Auto) лучше всего — Cursor сам выбирает оптимальную модель для задачи.
Готовый шаблон промпта
Скопируйте и адаптируйтеСоздай новый React-проект. В проекте должны быть: src/App.tsx (основной компонент), src/index.css (глобальные стили) и package.json. Компонент App — простой счётчик: при нажатии кнопки число увеличивается.
Почему это работает
Технология: 'React-проект' — ИИ знает какой фреймворк использовать
Структура: 'src/App.tsx, src/index.css, package.json' — нужные файлы указаны явно
Функциональность: 'счётчик — при нажатии число увеличивается' — простой, но рабочий результат
Результат: ИИ создаёт несколько файлов и обеспечивает их совместную работу
Практическое задание
- Зайдите на cursor.com и нажмите 'Download'
- Скачайте и установите версию для вашей ОС
- Откройте Cursor и войдите через Google или GitHub аккаунт
- Создайте на компьютере новую папку: 'first-project'
- Через File > Open Folder откройте папку в Cursor
- Нажмите Cmd+L (Mac) или Ctrl+L (Windows) для открытия панели Chat
Частые ошибки
- Использовать VS Code и Cursor одновременно — они могут конфликтовать, выберите один
- Не понимать бесплатный план — 2000 подсказок достаточно, но не тратьте их на бесполезные промпты
- Не менять настройки — включение Privacy mode, выбор модели — важные настройки
- Работать без открытой папки — Cursor индексирует папку проекта при открытии, это важно
Вопросы и ответы по уроку
Что ограничено в бесплатном плане?
В бесплатном плане 2000 Tab-подсказок и 50 премиум (медленных) запросов в месяц. Chat, Inline Edit и Agent mode работают, но ограничены по скорости и количеству.
Cursor поддерживает расширения VS Code?
Да, полностью. Cursor — форк VS Code, поэтому все расширения из VS Code Marketplace работают: Prettier, ESLint, темы, языковые пакеты и другие.
Работает ли на Mac M1/M2?
Да, Cursor имеет нативную поддержку Apple Silicon (M1, M2, M3, M4). Работает быстро и эффективно.