Подпишись на мой Телеграмм или Вконтакте !
  1. Главная
  2. Docs
  3. Документация по инструментам и технологиям
  4. Cursor
  5. Основы работы с Cursor | Глава 3

Основы работы с Cursor | Глава 3

18 октября 2025
144

Глава 3. Основы работы с Cursor

3.1. Установка и первоначальная настройка

Системные требования

Перед установкой Cursor убедитесь, что ваша система соответствует минимальным требованиям:

  • ОС: Windows 10+, macOS 10.15+, или Linux (Ubuntu 18.04+, Fedora, Debian)
  • RAM: Минимум 4 ГБ, рекомендуется 8 ГБ и более
  • Место на диске: 1-2 ГБ для установки, плюс место для проектов
  • Интернет: Стабильное подключение для работы AI-функций

Загрузка и установка

  1. Посетите официальный сайт: cursor.sh
  2. Скачайте инсталлятор для вашей операционной системы
  3. Запустите установку:
    • Windows: Запустите .exe файл, следуйте инструкциям
    • macOS: Откройте .dmg файл, перетащите Cursor в Applications
    • Linux: Распакуйте .tar.gz или установите через пакетный менеджер

Первый запуск

При первом запуске Cursor вы увидите welcome screen с опциями:

  1. Импорт настроек из VS Code: Если вы используете VS Code, Cursor может импортировать ваши настройки, расширения и конфигурации.

  2. Выбор темы: Светлая, темная или автоматическое переключение.

  3. Выбор языка программирования: Укажите основные языки для оптимизации подсказок.

Настройка аккаунта

Для использования AI-функций необходимо создать аккаунт:

  1. Нажмите "Sign Up" в welcome screen
  2. Используйте email, GitHub, Google или другой метод аутентификации
  3. Подтвердите email (если требуется)
  4. Выберите тарифный план (есть бесплатный уровень)

Выбор тарифного плана

Cursor предлагает несколько уровней подписки:

  • Free: Ограниченное количество AI-запросов в месяц, доступ к базовым функциям
  • Pro: Неограниченные базовые AI-запросы, приоритетная поддержка, расширенные функции
  • Business: Командные функции, улучшенная безопасность, admin панель

Вы можете начать с Free и обновиться по мере необходимости.

Базовая конфигурация

После создания аккаунта настройте основные параметры:

  1. Откройте Settings (Cmd/Ctrl + ,)
  2. Настройте AI модель:
    • Выберите предпочитаемую модель (Claude, GPT-4, и т.д.)
    • Установите "агрессивность" автодополнений
  3. Настройте Privacy Mode если работаете с чувствительными данными
  4. Установите горячие клавиши (или оставьте по умолчанию)

3.2. Интерфейс и основные элементы

Интерфейс Cursor знаком пользователям VS Code, но имеет дополнительные AI-специфичные элементы.

Структура интерфейса 


┌────────────────────────────────────────────────────────┐
│  Меню и Title Bar                                       │
├──────────┬─────────────────────────────────────────────┤
│          │  Editor Area                                │
│          │  ┌─────────────────────────────────────┐    │
│ Activity │  │  Tabs: file1.js | file2.py          │    │
│   Bar    │  ├─────────────────────────────────────┤    │
│          │  │                                      │    │
│ ┌──────┐ │  │  Code Editor                        │    │
│ │Files │ │  │                                      │    │
│ │Search│ │  │  1  function hello() {              │    │
│ │Git   │ │  │  2    console.log("Hi");            │    │
│ │Chat  │ │  │  3  }                               │    │
│ └──────┘ │  │                                      │    │
│          │  └─────────────────────────────────────┘    │
│ Sidebar  │                                             │
├──────────┴─────────────────────────────────────────────┤
│  Status Bar                                             │
└────────────────────────────────────────────────────────┘

Activity Bar (Боковая панель действий)

Вертикальная панель слева содержит иконки для быстрого доступа к:

  • Explorer: Файловая структура проекта
  • Search: Поиск по файлам
  • Source Control: Git интеграция
  • Extensions: Управление расширениями
  • Chat: AI-ассистент (специфично для Cursor)
  • Composer: Режим мультифайлового редактирования

Область редактора

Центральная часть интерфейса, где происходит редактирование кода:

  • Вкладки для открытых файлов
  • Номера строк
  • Миникарта справа (опционально)
  • Подсветка синтаксиса
  • Inline AI-подсказки

AI-специфичные элементы

  1. Inline Ghost Text: Серый текст, показывающий AI-предложения (принимается по Tab)

  2. Chat Panel: Панель для диалога с AI, может быть справа или снизу

  3. Composer Mode: Специальный режим для работы с несколькими файлами

  4. AI Status Indicator: Показывает активность AI и доступность сервиса

Командная палитра

Быстрый доступ ко всем командам через Cmd/Ctrl + Shift + P:

  • "Cursor: Open Chat" — открыть AI чат
  • "Cursor: Start Composer" — запустить Composer режим
  • "Cursor: Toggle Privacy Mode" — переключить режим приватности
  • И сотни других команд

Статус-бар

Нижняя панель показывает:

  • Текущий язык файла
  • Кодировку
  • Положение курсора (строка:столбец)
  • Статус Git
  • AI-статус и использованные токены
  • Ошибки и предупреждения

3.3. Базовые операции и навигация

Работа с файлами

Создание нового файла: 


Cmd/Ctrl + N - новый файл
Cmd/Ctrl + S - сохранить
Cmd/Ctrl + Shift + S - сохранить как
Cmd/Ctrl + W - закрыть файл

Открытие файлов: 


Cmd/Ctrl + O - открыть файл через диалог
Cmd/Ctrl + P - быстрое открытие (Quick Open)
Cmd/Ctrl + Shift + F - поиск по файлам

Навигация по коду 


Cmd/Ctrl + G - перейти к строке
F12 - перейти к определению
Alt + F12 - peek определения (preview)
Shift + F12 - найти все ссылки
Cmd/Ctrl + Shift + O - перейти к символу в файле
Cmd/Ctrl + T - перейти к символу в workspace

Редактирование

Базовые операции: 


Cmd/Ctrl + X/C/V - вырезать/копировать/вставить
Cmd/Ctrl + Z/Shift+Z - отменить/повторить
Cmd/Ctrl + / - закомментировать/раскомментировать
Alt + ↑/↓ - переместить строку вверх/вниз
Shift + Alt + ↑/↓ - дублировать строку

Мультикурсор: 


Alt + Click - добавить курсор
Cmd/Ctrl + Alt + ↑/↓ - добавить курсор выше/ниже
Cmd/Ctrl + D - выделить следующее вхождение
Cmd/Ctrl + Shift + L - выделить все вхождения

AI-ассистированная навигация

Cursor добавляет новые способы навигации:

  1. Semantic Search: В Chat спросите "Где обрабатывается аутентификация пользователя?" — AI найдет релевантные файлы

  2. Explain Code: Выделите функцию → Cmd/Ctrl + L → спросите "что делает этот код?"

  3. Find Similar: "Покажи другие функции, которые работают с базой данных"

Работа с терминалом 


Cmd/Ctrl + ` - открыть/закрыть терминал
Cmd/Ctrl + Shift + ` - создать новый терминал

Cursor поддерживает интеграцию AI с терминалом — можно попросить сгенерировать команды или объяснить вывод.

3.4. Первый проект в Cursor

Давайте создадим простой проект, чтобы познакомиться с AI-возможностями Cursor.

Создание проекта Todo App

  1. Создайте новую папку проекта:

mkdir todo-app-cursor

cd todo-app-cursor

  1. Откройте в Cursor: File → Open Folder → выберите созданную папку

  2. Инициализация Node.js проекта через терминал: 


npm init -y

Использование Chat для генерации кода

  1. Откройте Chat панель (Cmd/Ctrl + L)
  2. Введите запрос:

Создай простой todo app с использованием Express и встроенного хранилища в памяти.
Нужны endpoints для:
- GET /todos - получить все задачи
- POST /todos - создать задачу
- PUT /todos/:id - обновить задачу
- DELETE /todos/:id - удалить задачу

Используй современный JavaScript (ES6+).

  1. AI сгенерирует код для server.js. Нажмите "Apply" чтобы создать файл.

Генерация package.json зависимостей

Попросите в Chat: 


Добавь необходимые зависимости в package.json для этого сервера

AI обновит package.json, добавив express и другие необходимые пакеты.

Установка зависимостей

В терминале: 


npm install

Создание frontend с помощью Composer

  1. Нажмите Cmd/Ctrl + Shift + I для открытия Composer
  2. Введите:

Создай простой HTML frontend для todo app.
Файл index.html с CSS и vanilla JavaScript для взаимодействия с API.
Дизайн должен быть минималистичным и современным.

  1. Composer создаст несколько файлов одновременно: index.html, style.css, app.js

Тестирование приложения

  1. Запустите сервер:

node server.js

  1. Откройте index.html в браузере

  2. Тестируйте добавление, обновление и удаление задач

Улучшение кода с помощью AI

Попробуйте попросить AI улучшить код: 


Добавь валидацию данных на сервере


Добавь обработку ошибок и логирование


Рефактори код для лучшей читаемости

Добавление тестов 


Создай unit тесты для API endpoints используя Jest

AI сгенерирует тестовый файл и обновит package.json с необходимыми зависимостями.

Документирование 


Создай README.md с описанием проекта, инструкциями по установке и использованию API

Что мы узнали

В этом простом проекте мы использовали:

  • Chat Mode для генерации backend кода
  • Composer Mode для создания нескольких frontend файлов
  • Итеративное улучшение кода через диалог с AI
  • Автоматическую генерацию тестов и документации

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