StackBlitz hat kürzlich ein innovatives Tool namens Bolt.new vorgestellt. Es handelt sich um ein browserbasiertes KI-Entwicklungstool, das Entwicklern, Projektmanagern und Designern die Möglichkeit bietet, ohne lokale Einrichtung, Full-Stack-Anwendungen im Browser zu erstellen, auszuführen, zu bearbeiten und bereitzustellen. Dieser Artikel bietet detaillierte Informationen zu Bolt.new und hilft Ihnen, dieses Produkt umfassend zu verstehen.

social_preview_index.jpg

Bolt.new Einführung

Bolt.new ist ein KI-gestützter Webentwicklungs-Agent, mit dem Sie Full-Stack-Anwendungen direkt über den Browser per Aufforderung erstellen, ausführen, bearbeiten und bereitstellen können, ohne lokale Konfiguration. Es integriert modernste KI-Modelle und eine Browser-Entwicklungsumgebung, die von StackBlitz' WebContainers unterstützt wird. Dadurch können Sie:

  • npm-Tools und -Bibliotheken (wie Vite, Next.js usw.) installieren und ausführen
  • Node.js-Server ausführen
  • Mit Drittanbieter-APIs interagieren
  • Aus dem Chat in die Produktion bereitstellen
  • Ihre Arbeit über eine URL teilen

Im Gegensatz zu traditionellen Entwicklungsumgebungen gewährt Bolt.new dem KI-Modell die volle Kontrolle über die gesamte Umgebung, einschließlich Dateisystem, Node-Server, Paketmanager, Terminal und Browser-Konsole. Dies ermöglicht es dem KI-Agenten, den gesamten Lebenszyklus einer Anwendung von der Erstellung bis zur Bereitstellung zu verwalten.

Hauptfunktionen

  • Full-Stack-Browser-Entwicklung: Integration von KI-Modell und Entwicklungsumgebung im Browser.
  • Installation und Ausführung von npm-Tools: Unterstützung für die Installation und Ausführung verschiedener gängiger JavaScript-Frameworks und -Bibliotheken.
  • Ausführung von Node.js-Servern: Direkte Ausführung von Node.js-Servern im Browser.
  • Interaktion mit Drittanbieter-APIs: Interaktion mit Drittanbieter-APIs.
  • Produktionsbereitstellung: Direkte Bereitstellung in der Produktion aus dem Chat heraus.
  • Arbeitsteilung: Teilen Sie Ihre Arbeit über eine URL für einfache Teamarbeit und Präsentationen.
  • KI-Umgebungskontrolle: Das KI-Modell steuert die gesamte Entwicklungsumgebung, einschließlich Dateisystem und Server.

Anwendungsfälle

  1. Schnelle Prototypenentwicklung: Entwickler können mit Bolt.new schnell Prototypen erstellen und iterieren.
  2. Teamarbeit: Teammitglieder können URLs teilen und den Projektstatus in Echtzeit einsehen und bearbeiten.
  3. Schulung und Lernen: Studenten und Entwickler können mit Bolt.new online Full-Stack-Entwicklung lernen und üben.

Anleitung

  1. Zugriff auf die Produktwebsite: Öffnen Sie Ihren Browser und rufen Sie die offizielle Website von Bolt.new auf.

    截屏2024-10-09 下午3.54.33.png

  2. Registrierung und Anmeldung: Wenn Sie mehr KI-Token oder private Projekte benötigen, können Sie in den Einstellungen ein kostenpflichtiges Abonnement erwerben.

    截屏2024-10-09 下午3.53.36.png

  3. Neues Projekt erstellen: Klicken Sie auf "Neues Projekt erstellen", geben Sie den Projektnamen und die Beschreibung ein.

    截屏2024-10-09 下午3.53.36.png

  4. Tech-Stack auswählen: Wählen Sie nach Bedarf ein bestimmtes Framework oder eine bestimmte Bibliothek aus.

    截屏2024-10-09 下午3.53.36.png

  5. Code schreiben: Schreiben und bearbeiten Sie den Code direkt im Browser.

    截屏2024-10-09 下午3.58.56.png

  6. Abhängigkeiten installieren: Installieren Sie die benötigten npm-Abhängigkeiten mit dem integrierten Paketmanager.
  7. Ausführen und Testen: Führen Sie das Projekt aus und testen Sie es, um sicherzustellen, dass alles wie erwartet funktioniert.

    截屏2024-10-09 下午3.58.03.png

  8. Anwendung bereitstellen: Stellen Sie die Anwendung über Chat-Befehle in der Produktion bereit.
  9. Projekt teilen: Generieren Sie eine Projekt-URL, um Ihre Arbeit mit anderen zu teilen.

Fazit

Bolt.new zeigt mit seinem Kernvorteil der Full-Stack-Entwicklung ohne lokale Einrichtung ein enormes Potenzial im Bereich der Webentwicklung. Um mehr darüber zu erfahren, wie Bolt.new das Entwicklungserlebnis verändert, besuchen Sie die Bolt.new Website für weitere Informationen.