Урок 5. Cursor Chat — пишем код в диалоге с ИИ
Cursor Chat — полноценный диалог с ИИ о вашем проекте. Tab и Inline Edit предназначены для быстрых изменений, Chat — для сложных вопросов, создания новых функций и понимания ошибок. В этом уроке вы научитесь работать с Chat на профессиональном уровне.
Описание темы
Панель Cursor Chat открывается через Cmd+L (Mac) или Ctrl+L (Windows). Здесь вы ведёте свободный диалог с ИИ — задаёте вопросы, просите создать код, спрашиваете об ошибках. ИИ видит контекст вашего проекта и даёт релевантные ответы.
Сила Chat — в контексте. С помощью символа @ вы можете добавлять файлы (@filename), функции (@functionName) и даже целые папки (@folder) в контекст. ИИ прочитает эти файлы и учтёт их при ответе.
В Chat-режиме ИИ не только генерирует код, но и объясняет. Можно спрашивать: 'Что делает этот код?', 'Из-за чего эта ошибка?' или 'Как это улучшить?'. Это ключевой навык вайб-кодинга — эффективное общение с ИИ.
Чтобы применить сгенерированный код к проекту, нажмите кнопку 'Apply' — Cursor сам поместит код в нужный файл, в нужное место. Или 'Apply All' для применения всех предложенных изменений одновременно.
Что вы получите из этого урока
- Открытие и управление панелью Chat (Cmd+L, новый чат, история)
- Добавление контекста через @ mentions (@file, @folder, @web)
- Написание эффективных промптов для создания нового кода
- Запрос объяснения существующего кода
- Обнаружение и исправление ошибок с помощью ИИ
- Применение кода к проекту через Apply и Apply All
Углублённое объяснение
Система @ mentions в Chat очень мощная. @file — добавляет один файл в контекст. @folder — целую папку. @web — поиск в интернете. @codebase — весь проект. @git — историю git. @terminal — вывод терминала. Правильное использование mentions повышает качество ответов ИИ в 2-3 раза.
Multi-turn conversation (многоходовый диалог) в Chat очень важен. В первом сообщении вы описываете общую цель, ИИ отвечает. Затем продолжаете: 'теперь добавь X', 'измени Y'. ИИ помнит контекст предыдущих сообщений. Это итеративный подход — основа вайб-кодинга: один шаг, смотрим результат, следующий шаг.
Разница Chat vs Agent mode: Chat даёт предложения, а вы нажимаете Apply. Agent сам открывает файлы, сам вносит изменения, сам выполняет команды в терминале. Chat — контролируемый, Agent — автономный. Для начинающих Chat безопаснее, потому что вы контролируете каждый шаг.
Исправление ошибок (debugging) — одна из сильнейших сторон Chat. Скопируйте сообщение об ошибке из терминала и отправьте в Chat — ИИ: 1) объяснит причину ошибки, 2) покажет путь решения, 3) даст готовый код. Это в 10 раз быстрее, чем искать на StackOverflow.
Готовый шаблон промпта
Скопируйте и адаптируйте@app.tsx @styles.css Хочу изменить стиль кнопки в этом компоненте. Сейчас кнопка обычная синяя. Сделай её с градиентом, добавь hover-эффект и на мобильных устройствах пусть будет крупнее. Соответствуй существующей дизайн-системе.
Почему это работает
Контекст: '@app.tsx @styles.css' — ИИ точно знает какие файлы читать
Текущее состояние: 'сейчас обычная синяя' — ИИ понимает что менять
Новые требования: 'градиент, hover-эффект, крупнее на мобильных' — 3 конкретных изменения
Совместимость: 'существующей дизайн-системе' — ИИ сохраняет стиль проекта
Практическое задание
- Откройте свой проект или новую папку в Cursor
- Нажмите Cmd+L чтобы открыть панель Chat
- Спросите: 'Какие файлы есть в этом проекте и что они делают?'
- Для создания нового файла напишите: 'Создай компонент navbar.tsx — лого слева, меню по центру, кнопка справа'
- Нажмите 'Apply' на ответе ИИ чтобы применить код к файлу
- Если появится ошибка — скопируйте её из терминала в Chat: 'Из-за чего эта ошибка и как исправить?'
Частые ошибки
- Не добавлять контекст — без @ mentions ИИ не знает ваш проект
- Слишком длинный диалог — после 10+ сообщений лучше открыть новый чат (Cmd+N)
- Нажимать Apply не глядя — всегда просматривайте diff (изменения)
- Просить слишком много в одном сообщении — каждое сообщение должно иметь одну чёткую цель
Вопросы и ответы по уроку
Можно ли сохранить историю чата?
Да, Cursor сохраняет все чат-сессии. В левой панели вы можете просмотреть историю и вернуться к предыдущим диалогам.
Можно ли отправлять изображения в Chat?
Да, в Cursor Chat можно перетащить скриншот или дизайн-макет. ИИ проанализирует изображение и создаст соответствующий код — например, компонент по макету из Figma.
Сколько токенов использует Chat?
Каждое сообщение использует 500-5000 токенов в зависимости от модели и объёма контекста. На бесплатном плане 50 премиум-запросов — это примерно 50 подробных вопросов-ответов. Для обычных вопросов достаточно.