Как пользоваться сервисом Cursor и создавать любые приложения

Даже если раньше с кодом не работали

как работать в курсор

Cursor — это полноценный редактор кода с ИИ, который с полного нуля может сгенерировать код практически для любого продукта. Благодаря нейросетям под капотом и дополнительным функциям он ориентируется в любых проектах, может редактировать сразу несколько файлов, запускать команды в терминале и генерировать код полность. в автономном режиме. В гайде разбираемся, как работать в сервисе. А чтобы было нагляднее — накодим простой сайт.

Что умеет делать Cursor

Cursor — это огромное приложение с большим количеством функций. И если перечислять их в одной статье — получится справочник на 500 страниц. Поэтому здесь мы пройдемся по главным фишкам и на конкретном примере разберемся, как генерировать код в сервисе. А более подробную информацию по всем функциям, кнопкам и их значению вы можете найти в официальной документации.

Генерировать код по текстовому запросу. В режиме чата можно описать свою задачу, например, «Создай бота для Telegram», Cursor напишет весь код и расскажет, как его запустить. Полученный код можно скопировать или отредактировать прямо в чате. А можно попросить дополнить код, добавить каких-то функций и т. д. И все это можно делать без знания кода. Главное — понятно и четко описать задачу. 

Проверять и улучшать существующий код. По-другому это называется рефакторинг. Cursor может проверить код, упростить сложные функции, удалить дублирования и перестроить его так, чтобы проект работал стабильнее.

ответ нейросети Курсор

Отвечать на вопросы по коду по проекту. Cursor знает, с какими файлами он сейчас работает, в каком файле находитесь вы и в каком месте находится ваш курсор. Вы можете выделить любой фрагмент и спросить, почему здесь используется именно такой код или почему из-за этой строки может возникать ошибка. Встроенная нейронка проанализирует код и ответит. 

инструкция, которую выдал Cursor

Предсказывать и дополнять код на лету. Эта функция в фоновом режиме анализирует не только текущую строку, но и весь контекст проекта, чтобы предугадать дальнейшие действия разработчика. При этом Cursor может предлагать для вставки целые блоки кода из нескольких строк, учитывая последние изменения и общую логику приложения.

умный ввод кода от Курсор

Проверка кода и поиск ошибок. В Cursor встроено два инструмента для контроля качества: AI Review и BugBot. Первый работает как опытный напарник, который просматривает ваши изменения в реальном времени и выявляет потенциальные ошибки еще до того, как они попадут в финальную версию программы. BugBot сканирует код в фоновом режиме и находит проблемы, которые могут проявить себя в будущем, и помогает писать более надежный код.

Подключать внешние инструменты и данные через MCP (Model Context Protocol). MCP — это универсальный протокол, который позволяет искусственному интеллекту подключаться к любым внешним сервисам и выполнять действия так, как это сделал бы человек. Cursor с помощью MCP может работать практически с любыми внешними инструментами. Например, его можно подключить к вашей базе знаний в Jira и пользоваться ей при решении задач.

Как работать с кодом в Cursor

Глобально можно выделить 2 режима: Agent и Ask. 

В режиме Agent Mode (Агентский режим) сервис самостоятельно анализирует вашу задачу → продумывает, как ее решить → пишет код. 

агентский режим в нейросети Курсор

Если что-то не работает, сразу его рефакторит и редактирует связанные файлы. К примеру, вы попросили Cursor сделать Telegram-бота для тренировок. Cursor написал код → сам его проверил → нашел ошибку и поправил. Вы запустили код, поняли, что он все равно не работает и сказали об этом Cursor → тот вновь проанализировал код → исправил еще одну ошибку и все починил.

В режиме Ask можно общаться через Cursor с разными моделями нейросетей. В этом режиме сервис не правит код, а только отвечает на вопросы. Например, можно спросить, как лучше описать код, какой язык программирования использовать и т. д.

общение с нейросетью в Курсоре

Дополнительно можно выделить еще один режим — быстрое редактирование. Чтобы его вызвать, нужно выделить конкретную часть кода или технического задания, зажать Cmd+K или Ctrl+K и открыть чат с помощником. В этом чате можно ввести любой запрос и нейронка под капотом исправит код, объяснит его или дополнит. В зависимости от команды.

быстрое редактирование кода в Курсоре

Как работать с Cursor

Cursor работает приложении для Windows, macOS и Linux. Скачать его можно бесплатно с официального сайта. Устанавливается программа также, как и любые другие сервисы. Интерфейс Cursor есть только на английском языке, но в нем легко разобраться.

После установки нужно зарегистрироваться в сервисе. Сделать это можно по электронной почте или с помощью аккаунтов Google и GitHub.

После регистрации откроется интерфейс сервиса. В нем есть 4 основных раздела:

  • панель управления;
  • главная рабочая область;
  • окно чата с нейросетями;
  • раздел с терминалом и логами (описанием ошибок в коде).

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

В рабочей области можно вручную править код, создавать дополнительные файлы для проекта, общаться с нейронкой в режиме быстрого редактирования.

В окне для чата с нейросетями можно выбирать режимы работы: Agent или Ask. Здесь нужно давать нейронкам задания, выбирать модели для ответов, добавлять дополнительный контекст и создавать новые чаты. Для работы доступны все популярные модели от ChatGPT, Claude и Gemini. Также можно подключить Grok, Kimi и DeepSeek. Для этого в переключателе моделей нужно выбрать Add models и в открывшемся окне отметить чекбоксы напротив нужных нейросетей.

как добавить модели в Cursor

При желании можно подключить любую модель через API ключи. В этом случае за подписку на Cursor можно не платить, но придется платить за расходование API непосредственно на сайте поставщика нейронки.

как подключить нейросеть к Cursor по API

А чтобы задать дополнительный контекст в окне для чата, нужно кликнуть на кнопку Add context и загрузить пример кода, техническое задание, картинки с примером дизайна, GitHub-репозиторий и т. д. 

добавить контекст в Курсор

Также прикрепить какой-то файл к контексту можно с помощью «@» в чате.

контекст Курсор

А чтобы начать новый чат, нужно зажать Ctrl+T или кликнуть на соответствующую кнопку в правом верхнем углу.

новый чат в Курсор

Также чуть выше кнопки нового чата есть еще несколько важных кнопок: открыть панель с чатом, показать панель с логами и открыть настройки.

дополнительные кнопки

В разделе с терминалом и логами можно запустить терминал и вводить там командами. А в случае с логами — можно увидеть ошибки в коде и исправить их вместе с нейронкой (для этого нужно кликнуть на ошибку правой кнопкой мыши и выбрать Fix with AI).

исправить ошибку с нейронкой

В настройках Cursor можно настроить интерфейс, параметры по умолчанию, включить/отключить разные фишки, подключить различные MCP и т. д. Описывать каждый параметр не будем — их много и их суть хорошо расписана внутри Cursor.

настройки сервиса Курсор

Как писать код в Cursor

Если используете Cursor впервые, то у вас после регистрации откроется окно с 3 способами работы с проектом:

  • Open project — открыть папку с проектом на компьютере. Подходит, если у вас уже есть проект.
  • Clone repo — установить проект по ссылке из GitHub или другого репозитория.
  • Connect via SSH — подключиться к удаленному серверу для работы с кодом. Пригодится, если проект находится на другом компьютере или сервере.

Но мы начнем работать с нуля. Для этого можно нажать Ctrl+N или кликнуть правой кнопкой мыши в любом месте → New Text File.

начать проект в Курсоре

Теперь создадим новый чат и в режиме агента введем наш запрос. Для примера попробуем собрать простой сайт, который будет проверять скорость печати по заранее подготовленным примерам текста.

Используем простой промпт, а ТЗ подготовим нейросетью.

Твоя задача — сделать тренажер для тренировки и проверки скорости печати по предоставленному ТЗ.

Cursor работает в режиме агента и сам делает все необходимые действия. Наша задача — соглашаться с его командами и ждать, пока код будет готов.

создание кода в Cursor

Cursor написал весь код и даже создал папку на рабочем столе, куда поместил все файлы сайта. В результате получился такой сайт с простым дизайном, но со всеми работающими функциями. На выбор есть 3 текста, ошибки помечаются красным, а правильные буквы зеленым цветом. 

тренажер скорости печати

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

  • Скорость (зн/мин): количество знаков в минуту (CPM — Characters Per Minute).
  • Скорость (сл/мин): количество слов в минуту (WPM — Words Per Minute). Для расчета одно слово условно принимается за 5 символов (включая пробелы). Формула: (кол-во символов / 5) / (время в минутах).
  • Точность (%): процент правильно набранных символов. Формула: (правильные символы / всего символов) * 100.

Дальше я попросил Cursor улучшить дизайн. Сделать его минималистичным и приятным, а сами кнопки сделать больше.

В результате нейросеть улучшила дизайн, добавила подсветку для кнопок при наведении на них. Увеличила размер кнопок и шрифтов, в общем, сделала удобный и простой сайт.

улучшенный дизайн сайта

Нам повезло и Cursor с первого раза сделал полностью рабочий код. Если бы возникли ошибки, мы бы в режиме чата попросили его исправить.

Теперь можно заняться рефакторингом — упростить код. В нашем случае — совместить три файла index.html, style.css и script.js, потому что сейчас сайт состоит из трех файлов и при ручных правках придется работать в трех файлах одновременно. В результате Cursor объединил 3 разных кода в один HTML, встроил CSS в теги <⁠style>, а JavaScript — в теги <⁠script> и в целом оптимизировал код.

Дальше уже можно в режиме чата узнать, как разместить сайт в сети, сделать его доступным для всех и т. д. 

улучшение кода через Курсор

В общем, примерно так можно создавать любые проекты в Cursor и пользоваться сервисом:

  • продумывать будущий проект;
  • объяснять задачу нейросети;
  • запускать режим агента и тестировать готовый код;
  • дорабатывать и оптимизировать код;
  • уточнять неясные детали в режиме чата.

Сколько стоит подписка на Cursor

Пользоваться сервисом можно бесплатно. После регистрации вам дадут 14 дней тестового периода Pro-версии без ограничений. Затем вас автоматически переведут на бесплатный тариф, где можно делать 2000 обычных запросов (для простых запросов) в месяц и 50 премиальных (для более сложных задач). Ограничение — выбирать модели для общения будет нельзя, Cursor будет определять их самостоятельно.

Платные тарифы различаются количеством кредитов на обычные и премиальные запросы. Тариф Pro стоит $20 в месяц. В нем дают безлимит на обычные запросы и 500 премиальных запросов, а также бесконечные медленные запросы (сервис будет дольше генерировать ответы). Тариф Ultra стоит $200 и дает ранний доступ ко всем функциям, работает без лимитов., 

Для покупки подписки перейдите в настройки и нажмите Upgrade to Pro. После этого откроется сайт, где можно выбрать подходящий план. Оплатить российской картой не получится, потребуется иностранная.

Важные правила при работе с Cursor и другими сервисами для вайб-кодинга

Вместо заключения держите 8 советов по эффективной работе в Cursor и других подобных сервисах от Telegram-канала «Миша, давай по новой».

  1. Используйте готовые шаблоны для быстрого старта. Вместо того чтобы создавать проект с нуля, лучше начать с готового шаблона, например, с GitHub. Это сразу даст вам рабочую основу с уже настроенной авторизацией, подключением к базе данных и базовой структурой проекта. Такой подход позволит сэкономить время на рутинной настройке и сразу перейти к основной задаче.
  2. Одна задача — один чат для точных ответов. Не смешивайте несколько задач в одном диалоге с AI-агентом. Для каждой новой цели, будь то «создать кнопку» или «настроить подключение к базе данных», начинайте отдельный чат. Когда диалог посвящен одной конкретной теме, искусственный интеллект лучше понимает контекст и дает более точные и релевантные ответы.
  3. Двигайтесь итерациями. Не стоит стремиться к совершенству с первой же попытки. Сначала сфокусируйтесь на создании работающего прототипа — базовой версии вашего приложения. Когда основа будет готова, вы сможете постепенно добавлять новые функции, улучшать код и дорабатывать дизайн. Такой подход с быстрыми итерациями делает разработку более гибкой и предсказуемой.
  4. Изучайте чужой код для вдохновения и новых идей. GitHub и другие открытые платформы — это огромный источник готовых решений и примеров кода. Используйте чужие репозитории как источник вдохновения или как основу для своего проекта. Изучайте, как другие разработчики решали похожие задачи, и адаптируйте лучшие практики для себя.
  5. Сохраняйте историю чатов как личный архив. Искусственный интеллект может случайно изменить работающий код не в лучшую сторону. Поэтому полезно сохранять удачные фрагменты кода и помнить, что вы всегда можете вернуться к предыдущим сообщениям в чате. История диалога работает как ваш личный архив, позволяя быстро восстановить работающий вариант.
  6. Регулярно сохраняйте прогресс с помощью Git. Используйте систему контроля версий, такую как Git, и как можно чаще сохраняйте свои изменения на GitHub. Это не просто резервное копирование на случай потери данных. Это также удобный способ отслеживать историю проекта и, если что-то пойдет не так, легко вернуться к любой из предыдущих работающих версий.
  7. Создавайте свою коллекцию успешных запросов (промптов). Со временем вы заметите, какие формулировки запросов к AI дают наилучший результат. Записывайте самые удачные промпты в отдельный документ. Эта коллекция станет вашей личной библиотекой эффективных команд, которая поможет ускорить разработку и отладку в будущем.
  8. Относитесь к процессу творчески. Программирование — это не только техническая дисциплина, но и творчество. Не бойтесь экспериментировать, пробовать новые подходы и учиться на своих ошибках. Получайте удовольствие от процесса создания чего-то нового.

«Честно» — рассылка о том, что волнует и бесит

Искренние письма о работе и жизни, эксклюзивные кейсы и интервью с экспертами диджитала.

Наш юрист будет ругаться, если вы не примете :(