Lovable (GPT Engineer): KI-Software-Ingenieur aus einer Hand für die schnelle Erstellung von Website- und App-Code

Allgemeine Einführung

Lovable (früher bekannt als GPT Engineer) ist ein KI-Tool für Softwareentwickler, mit dem Benutzer schnell echte Websites und Webanwendungen erstellen können. Durch Gespräche mit der KI können Nutzer interaktive Prototypen erstellen und diese in Sekundenschnelle auf dem Hosting-Dienst ihrer Wahl bereitstellen. Lovable bietet eine vollständige Prozessunterstützung von der Code-Bearbeitung bis zur Bereitstellung mit einem Klick und ist für Anfänger und erfahrene Entwickler gleichermaßen geeignet.

Optionales Technologiepaket:

shadcn/ui + typescript: Erstellung eines Frontends + Supabase-Datenbank mit React, Tailwind, vite und TpeScript

shadcn/ui + javascript: Aufbau eines Frontends + Supabase Database mit React, Tailwind und Vite

Für Neulinge wie mich, die den Code überhaupt nicht lesen können. Cursor Liebenswert, Windsurf-Editor im Gesang antworten Schraube Das alles ist einen Versuch wert, aber es reicht immer noch nicht ganz aus, damit "Studenten der freien Künste" tatsächlich Anwendungen entwickeln können, die vielseitig sind und Front- und Back-End-Dienste umfassen.

Die oben genannten Tools, die als "KI-IDEs" kategorisiert werden, haben immer noch eine bestimmte Schwelle für die Nutzung, angefangen bei: 1. der Beschreibung der zu implementierenden Funktionalität 2. dem Debuggen und der lokalen Ausführung des Codes 3. der Bereitstellung des Programms, was die Mehrheit der Menschen davon abhält, ihre eigenen Anwendungen mit natürlichsprachlichen Beschreibungen zu schreiben. "Dies ist das erste Mal, dass ich versucht habe, meine eigene Anwendung mit natürlichsprachlichen Beschreibungen zu schreiben.

Wenn Sie nur einfache, reine Frontend-Seiten erstellen wollen, ist es wahrscheinlich besser, sich auf Cloudflare Worker zu verlassen, zumindest um die drei oben genannten Schwellenwerte zu vermeiden. Es ist nicht schwer zu verstehen, so wie es immer einfach ist, große Sprachmodelle zu bekommen, um Auszeichnungssprachen wie Markdown oder Mermaid zu generieren.

Funktionsliste

• Chat erstellt Websites und AnwendungenSchnelles Erstellen von Websites und Webanwendungen durch Dialog mit KI.
• Eigentum am CodeDer Benutzer hat den generierten Code und kann ihn mit AI oder seiner bevorzugten IDE bearbeiten.
• Bereitstellung mit einem KlickUnterstützt die Ein-Klick-Bereitstellung bei einem Hosting-Dienst der Wahl des Benutzers.
• GitHub SyncSynchronisierung mit Ihrem GitHub-Konto für eine einfache Codeverwaltung.
• Erweiterte FunktionenBietet erweiterte Funktionen wie KI-gesteuerte Backend-Generierung und Tools für die Zusammenarbeit im Team.

Hilfe verwenden

1. Registrieren & Anmelden::
   • Besuchen Sie die Website von GPT Engineer, klicken Sie auf die Schaltfläche "Registrieren" und geben Sie die erforderlichen persönlichen Daten ein, um Ihre Registrierung abzuschließen.
   • Sobald die Registrierung abgeschlossen ist, melden Sie sich mit Ihrer registrierten E-Mail und Ihrem Passwort an.
2. Ein Projekt erstellen::
   • Klicken Sie nach dem Einloggen auf die Schaltfläche "Neues Projekt erstellen" und geben Sie den Projektnamen und die Beschreibung ein.
   • Wählen Sie den Projekttyp (Website oder Webanwendung) und klicken Sie auf "Erstellen".
3. Dialoge mit KI aufbauen::
   • Klicken Sie auf der Projektseite auf die Schaltfläche "Dialog starten", um in einen Dialog mit der KI zu treten.
   • Beschreiben Sie die Funktionalität und das Design der Website oder Anwendung, die Sie erstellen möchten, und KI wird auf der Grundlage Ihrer Beschreibung Code generieren.
   • Sie können den generierten Code jederzeit überprüfen und bearbeiten, um sicherzustellen, dass er Ihren Anforderungen entspricht.
4. Codebearbeitung und -verwaltung::
   • Der generierte Code kann mit dem integrierten Code-Editor der Website geändert werden.
   • Sie können den Code auch mit Ihrem GitHub-Konto synchronisieren und ihn mit Ihrer bevorzugten IDE bearbeiten.
5. Bereitstellung mit einem Klick::
   • Wenn Sie die Bearbeitung des Codes abgeschlossen haben, klicken Sie auf die Schaltfläche "Ein-Klick-Bereitstellung" und wählen Sie Ihren Hosting-Dienst (z. B. Vercel, Netlify usw.).
   • Das System stellt Ihr Projekt automatisch auf dem gewählten Hosting-Dienst bereit und es ist innerhalb von Sekunden live.
6. Erweiterte Funktionen::
   • GPT Engineer bietet fortschrittliche Funktionen wie die KI-gesteuerte Backend-Generierung und Tools für die Zusammenarbeit im Team.
   • Diese Funktionen können durch ein Upgrade auf ein Pro- oder Team-Konto freigeschaltet werden, wie in der Upgrade-Anleitung auf der Website beschrieben.
7. Synchronisierung mit Git und Build-Backend-Diensten

Autorisieren und synchronisieren Sie das Projekt mit GitHub, autorisieren Sie dann Supabase und beginnen Sie mit der Erstellung des Backend-Codes.

Tipps & Tricks

• Die Dialogfunktion voll ausschöpfenBeschreiben Sie Ihre Anforderungen im Detail mit der KI, um sicherzustellen, dass der generierte Code den Erwartungen entspricht.
• Regelmäßige CodesynchronisationSynchronisierung des Codes mit GitHub für einfache Versionierung und Zusammenarbeit im Team.
• Nutzen Sie die Vorteile der erweiterten FunktionenUpgrade Ihres Kontos, um erweiterte Funktionen freizuschalten und die Entwicklungseffizienz je nach Projektanforderungen zu verbessern.

Mit den oben genannten Schritten können Benutzer leicht mit GPT Engineer beginnen und schnell hochwertige Websites und Webanwendungen erstellen.

Der Leitfaden für Laien zum Einstieg in die KI

Hilft Ihnen, die Nutzung von KI-Tools kostengünstig und von Null an zu erlernen.KI ist, wie Bürosoftware, eine wesentliche Fähigkeit für jeden. Die Beherrschung von KI verschafft Ihnen einen Vorteil bei der Stellensuche und die Hälfte des Aufwands bei Ihrer zukünftigen Arbeit und Ihrem Studium.

Details ansehen>