Первый проект в Cursor лучше сделать небольшим: одна страница с описанием услуги и работающей кнопкой связи. Установите редактор, откройте отдельную папку, подключите Git и поручите Agent одну проверяемую версию.
Ниже — учебный маршрут. Git используется для истории файлов, а публикация выполняется отдельным шагом после локальной проверки. Готовый ответ агента ещё не означает, что сайт доступен посетителям.
Установите редактор и откройте папку
Загрузите Cursor по ссылке из официального Quickstart для своей системы, установите и войдите в аккаунт. Создайте пустую папку для учебного сайта и откройте её в редакторе. Не выбирайте весь диск или папку с личными документами.
Проверьте условия аккаунта и доступные функции. Затем попросите Agent объяснить, как будет запускаться простая страница. Для этого примера можно запросить HTML и CSS без базы данных и установки зависимостей.
Подготовьте историю изменений
Откройте терминал в папке проекта и проверьте установку командой git --version. Если команда не найдена, сначала установите Git для своей системы по официальной инструкции. После установки выполните git init в учебной папке. Пока папка пустая, сохранять коммит нечего.
Если Git уже установлен, создайте репозиторий для этой папки через доступные средства редактора или терминал. Если команды Git незнакомы, сначала попросите объяснить их назначение и установку для вашей системы. Не выполняйте непонятные команды с удалением файлов.
После первой рабочей версии сохраните коммит — именованный снимок состояния. Перед коммитом просмотрите список файлов: в истории не должны оказаться пароли и ключи. Git фиксирует файлы проекта, но не заменяет резервную копию внешней базы или настроек хостинга.
Сформулируйте учебную задачу
Нужна учебная страница мастерской на HTML и CSS. Есть название, описание занятия и ссылка для связи, которые я передам. Сначала предложи структуру и объясни запуск. Не выдумывай цены, отзывы и адрес. Не добавляй форму, оплату и внешние подключения. После согласования создай удобную для телефона страницу. Ничего не публикуй.
По Quickstart Cursor откройте Agent сочетанием Cmd+I на macOS или Ctrl+I на Windows. Для предварительного согласования переключите Plan Mode через Shift+Tab в поле агента. Прочитайте предложенные шаги, затем разрешите реализацию. Не рассчитывайте только на фразу «сначала план», если выбран режим выполнения.
Проверьте страницу
Для страницы только на HTML и CSS откройте index.html в браузере. Сверьте текст с материалами, нажмите кнопку связи и проверьте страницу в адаптивном режиме браузера. Пройдите ссылки клавишей Tab. Если подпись или блок обрезаются, опишите точное место и ожидаемый результат.
Просмотрите diff. Для этого учебного задания достаточно проверить поведение страницы и отсутствие неожиданных файлов; настройка сложного набора автоматических тестов не является самоцелью.
После проверки сохраните принятую версию: выполните git status, просмотрите список файлов, затем добавьте только нужные файлы, например git add index.html styles.css, и создайте коммит: git commit -m "Первая проверенная страница". Имена в команде замените на реальные файлы проекта. Если Git просит имя и почту автора, настройте их по его подсказке перед повтором коммита. Не добавляйте ключи и личные материалы; ненужные локальные файлы перечислите в .gitignore.
Разместите принятую версию
Выберите хостинг, который поддерживает получившийся формат сайта, и прочитайте его инструкцию публикации. Уточните стоимость, подключение домена и способ отката. Публикуйте зафиксированную версию из последнего проверенного коммита.
- Для обычного статического размещения index.html должен находиться в корне публикуемой папки.
- Загрузите все используемые CSS, изображения и другие ресурсы, сохранив структуру каталогов.
- Проверьте относительные пути и регистр имён: Photo.jpg и photo.jpg могут считаться разными файлами.
- Включите HTTPS по инструкции хостинга и откройте итоговый адрес без предупреждений браузера.
- Для отката подготовьте повторную публикацию предыдущей проверенной версии из Git; изменение локального коммита само по себе не меняет сервер.
После размещения откройте публичный адрес с телефона и повторите проверку ссылки. Если на сервере чего-то не хватает, сравните опубликованные файлы с принятой версией. Финальный результат — доступная страница и понятный способ внести следующее изменение.