Lovable (GPT Engineer): универсальный инженер-программист с искусственным интеллектом для быстрого создания кода веб-сайтов и приложений

Общее введение

Lovable (ранее известный как GPT Engineer) - это инструмент для инженеров с искусственным интеллектом, призванный помочь пользователям быстро создавать реальные веб-сайты и веб-приложения. Общаясь с искусственным интеллектом, пользователи могут легко создавать интерактивные прототипы и размещать их на выбранном ими хостинге за считанные секунды. Lovable обеспечивает полную поддержку процесса от редактирования кода до развертывания одним щелчком мыши и подходит как для начинающих, так и для опытных разработчиков.

Руководство по лучшей практике:Полное руководство и лучшие практики по созданию словесных подсказок для любимого программирования

Издание с открытым исходным кодом:https://github.com/gpt-engineer-org/gpt-engineer (с существенными отличиями от онлайн-версии)

Дополнительный технологический стек:

shadcn/ui + typescript: создание фронтенда + базы данных Supabase с помощью React, Tailwind, vite и TpeScript

shadcn/ui + javascript: Создание фронтенда + базы данных Supabase с помощью React, Tailwind и Vite

Для новичков вроде меня, которые вообще не умеют читать код. Курсор Любимый, Редактор виндсерфинга ответить пением Болт Все это стоит попробовать, но этого все равно недостаточно для того, чтобы "студенты гуманитарных факультетов" могли создавать универсальные приложения, включающие фронт- и бэк-энд-сервисы.

Вышеперечисленные инструменты, отнесенные к категории "ИИ IDE", все еще имеют определенный порог использования, начиная с: 1. описания реализуемой функциональности 2. отладки и локального выполнения кода 3. развертывания программы, что ограничивает большинство людей от попыток написать собственные приложения, используя описания на естественном языке. Эти три ограничения не позволяют большинству людей попытаться "написать собственное приложение, используя описания на естественном языке".

Если вы хотите создавать только простые, чисто внешние одностраничники, полагаться на cloudflare workers, вероятно, лучше, по крайней мере, чтобы избежать трех вышеупомянутых порогов. Понять это несложно, так же как всегда легко заставить большие языковые модели генерировать языки разметки, такие как markdown или Mermaid.

Список функций

• Chat создает веб-сайты и приложения: Быстрое создание веб-сайтов и веб-приложений с помощью диалога с искусственным интеллектом.
• Владение кодом: Пользователь получает сгенерированный код и может редактировать его с помощью AI или своей любимой IDE.
• Развертывание одним щелчком мыши: Поддерживает развертывание одним щелчком мыши на хостинге по выбору пользователя.
• Синхронизация GitHub: Синхронизация с вашей учетной записью GitHub для удобного управления кодом.
• Дополнительные возможности: Предоставляет расширенные возможности, такие как генерация на основе искусственного интеллекта и инструменты для совместной работы.

Использование помощи

1. Регистрация и вход::
   • Посетите сайт GPT Engineer, нажмите на кнопку "Регистрация" и заполните необходимую личную информацию для завершения регистрации.
   • После завершения регистрации войдите в систему, используя зарегистрированную электронную почту и пароль.
2. Создать проект::
   • После входа в систему нажмите на кнопку "Создать новый проект" и введите название и описание проекта.
   • Выберите тип проекта (веб-сайт или веб-приложение) и нажмите "Создать".
3. Построение диалогов с помощью искусственного интеллекта::
   • На странице проекта нажмите кнопку "Начать диалог", чтобы начать диалог с ИИ.
   • Опишите функциональность и дизайн сайта или приложения, которое вы хотите создать, а искусственный интеллект сгенерирует код на основе вашего описания.
   • Вы можете в любой момент просмотреть и отредактировать сгенерированный код, чтобы убедиться, что он соответствует вашим потребностям.
4. Редактирование и управление кодом::
   • Сгенерированный код можно изменить во встроенном редакторе кода сайта.
   • Вы также можете синхронизировать код с вашей учетной записью GitHub и редактировать его с помощью вашей любимой IDE.
5. Развертывание одним щелчком мыши::
   • После завершения редактирования кода нажмите кнопку "Развернуть одним щелчком" и выберите службу хостинга (например, Vercel, Netlify и т. д.).
   • Система автоматически развернет ваш проект на выбранном хостинге, и он будет запущен в течение нескольких секунд.
6. Дополнительные возможности::
   • GPT Engineer предлагает такие расширенные возможности, как генерация бэкэнда на основе искусственного интеллекта и инструменты для совместной работы.
   • Эти функции можно разблокировать, перейдя на учетную запись Pro или Team, как описано в руководстве по обновлению на сайте.
7. Синхронизация с git и внутренними службами сборки

Авторизуйте и синхронизируйте проект с GitHub, затем авторизуйте Supabase и начните собирать код бэкенда.

Советы и рекомендации

• Полное использование функции диалога: Подробно опишите ваши требования к AI, чтобы убедиться, что сгенерированный код соответствует ожиданиям.
• Регулярная синхронизация кодаСинхронизация кода с GitHub для упрощения версионирования и совместной работы.
• Воспользуйтесь преимуществами расширенных функций: Обновляйте свою учетную запись, чтобы разблокировать более продвинутые функции и повысить эффективность разработки в соответствии с требованиями проекта.

Выполнив вышеописанные действия, пользователи смогут легко начать работу с GPT Engineer и быстро создавать высококачественные веб-сайты и веб-приложения.