Skip to main content

Создайте свой первый проект

ℹ️Note

This is Careti-based documentation. Careti v3.38.1-based fork. Careti-specific policies (supported models/recommended settings, authentication/routing) are marked with <Note> in the content if applicable.

Готовы увидеть Careti в действии? Это практическое руководство проведёт вас через создание веб-сайта за минуту. Вы убедитесь, как Careti понимает ваши требования, создаёт файлы и итерирует вашу обратную связь — всё через естественный разговор.

К концу этого руководства вы создадите рабочий веб-сайт и узнаете основы работы с Careti.

Предварительные требования​

Шаг 1: Откройте Careti​

Нажмите на значок Careti на боковой панели вашего редактора (левая сторона). Панель чата откроется.

ℹ️Info

Быстрый совет: Вы также можете использовать Cmd+Shift+P (Mac) или Ctrl+Shift+P (Windows/Linux) и выполнить поиск "Careti: Open In New Tab"

Шаг 2: Дайте Careti задачу​

Скопируйте и вставьте это приглашение в чат Careti:

Create a simple website in a single HTML file. It should have:
- A welcome message saying "Hello from Careti!"
- A colorful gradient background
- A button that cycles through different color themes when clicked
- Modern, clean design
- All CSS and JavaScript should be included in the same HTML file
Careti Chat Prompt

Нажмите Enter и смотрите как работает Careti!

Шаг 3: Что произойдёт дальше​

Careti будет:

  1. Создать один файл:

    • index.html - Полная веб-страница со встроенным CSS и JavaScript

  2. Попросить одобрение (если вы не включили автоматическое одобрение)

    • Нажмите "Approve" чтобы позволить Careti создать файл
    • Вы можете сначала проверить, что он планирует сделать

  3. Завершить задачу в течение нескольких секунд

Шаг 4: Просмотрите ваш веб-сайт​

После завершения работы Careti:

  1. Найдите index.html в обозревателе файлов вашего редактора
  2. Щелкните правой кнопкой мыши и выберите:
    • "Reveal in Finder/Explorer" затем дважды щелкните для открытия в вашем браузере
  3. Нажмите кнопку чтобы увидеть как меняются цветовые темы!

Попробуйте сделать изменения​

В том же чате попробуйте попросить:

Add a counter that shows how many times the button has been clicked

или

Make the welcome message fade in when the page loads

Careti понимает контекст из вашего предыдущего разговора и обновит файл соответственно.

💡Tip

Теперь вы знаете как:

  • Дать Careti задачу с чётким приглашением
  • Проверить и одобрить действия Careti
  • Создать полный проект в секунды
  • Итерировать и улучшить существующую работу

Следующие шаги​

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

@ Упоминания

Ссылайтесь на конкретные файлы, папки и URL-адреса в ваших приглашениях

Режимы Plan & Act

Овладейте планированием vs. выполнением для сложных задач

Правила Careti

Установите рекомендации, специфичные для проекта, для согласованных результатов

Руководство по приглашениям

Узнайте как писать приглашения, которые дают лучшие результаты

Нужна помощь?​

  • Застряли? Попробуйте начать заново с /new в чате
  • Нашли ошибку? Используйте /reportbug чтобы помочь нам улучшиться
  • Есть вопросы? Присоединитесь к нашему сообществу Discord