Cursor — настраиваем под себя за 15 минут
Cursor — это форк VS Code с встроенным ИИ. Ставится за минуту, фичи понятны интуитивно, и большинство людей пользуется им на 20% мощности. После этого урока будешь давить из него вдвое больше: Cmd+K, Cmd+L, Composer, .cursorrules, Tab-completion. Половина продуктивности вайбкодера в инструменте — этот урок именно про это.
Три главных шортката
(1) **Cmd/Ctrl + K** — ИИ-редактирование выделенного фрагмента inline. Выделил функцию, нажал Cmd+K, написал «упрости и добавь обработку ошибок» — Claude меняет код прямо в редакторе с подсветкой diff. Принимаешь Tab или отклоняешь Esc. Главный шорткат, используй каждые 10 минут. (2) **Cmd/Ctrl + L** — открывает чат сбоку. Вопросы по коду, объяснения, обсуждение. (3) **Cmd/Ctrl + I** или Composer — режим где ИИ редактирует НЕСКОЛЬКО файлов сразу: «добавь авторизацию через NextAuth» → создаст роуты, обновит схему, поправит middleware. Самая мощная фича Cursor.
.cursorrules — твой системный промпт для проекта
В корне проекта создаёшь файл .cursorrules (без расширения). Cursor добавляет его содержимое в каждый запрос к ИИ как системный промпт. Туда пишешь: стек проекта, конвенции имён, какие библиотеки уже используются, чего НЕ делать. Пример: «Stack: Next.js 14, Prisma, TypeScript. Не используй React.FC. Не пиши JSDoc. CSS только Tailwind. БД через Prisma, не сырой SQL.». После этого Cursor перестаёт предлагать React.FC и JSDoc. Без .cursorrules ты повторяешь те же правила в каждом промпте — это потеря 30% времени.
@-упоминания — кормим ИИ контекстом точно
В чате (Cmd+L) и Composer работают @-упоминания: @file, @folder, @code, @web, @docs. Вместо «посмотри на login.ts» пишешь «@login.ts что в нём не так». Cursor включает содержимое файла в контекст. @web — поиск в интернете прямо из IDE. @docs — встроенная документация популярных библиотек. @folder src/api — все файлы папки. Это ключевая разница между «Cursor-ом» и «обычным IDE плюс Claude в браузере»: у тебя точечный контроль что ИИ видит.
Tab-completion — благо и проклятие
Tab-completion в Cursor предсказывает следующие 1-30 строк кода. На простой типовой код — топ. На креативный код или код где ты ещё не определился — вреден: ИИ предлагает что-то правдоподобное, ты соглашаешься Tab-ом, и через час понимаешь что код делает не то что ты хотел. Совет: на серьёзной логике временно отключай Tab (есть кнопка в углу), пиши сам. На бойлерплейте — включай. Не позволяй автокомплиту думать за тебя.
Что отключить чтобы не мешало
По умолчанию Cursor включает много визуального шума. Что я отключаю первым делом: (1) "Inline diff hints" в редакторе — лезут поверх кода. (2) Auto-import suggestions если работаешь в Next.js (часто предлагает дикие импорты). (3) Telemetry в Settings → Privacy если работаешь с чувствительным кодом. (4) Если проект большой — Settings → Cursor Settings → Indexing → исключи node_modules, .next, dist (Cursor индексирует медленно и забивает контекст). После этих 4 настроек — IDE становится тихой и фокусной.
# Стек Next.js 14 App Router, TypeScript strict, React 18. Prisma + Postgres (Neon). Auth: NextAuth с JWT-сессиями. CSS: inline-styles + tailwind-классы где удобно. # Стиль кода - Не используй React.FC, типизируй пропсы напрямую через interface - Не пиши JSDoc-комментарии. Имена функций и переменных должны быть самодостаточными - Не оборачивай простой код в try/catch без нужды - Не добавляй React.memo / useMemo / useCallback пока не доказана проблема перфоманса - Импорты: абсолютные через @/, не относительные ../../ # База данных - ВСЕГДА через Prisma client, никогда сырой SQL - Поля в snake_case на уровне БД, в camelCase в TS (Prisma маппит) - Для больших таблиц добавляй @@index([userId, createdAt]) # Что не делать - Не правь миграции которые уже применены — создавай новые - Не клади секреты в коде, всегда process.env - Не пиши тесты с mock-БД, используй реальную БД (есть test-окружение)
Пример .cursorrules для Next.js + Prisma проекта