Windsurfen, ja. Codeium Eine der neuesten Errungenschaften ist eine KI-IDE, die "sowohl intelligent als auch kenntnisreich" ist und dieselbe Technologie verwendet wie die Cursor Auf die gleiche Weise wurde VSCode direkt geforkt, um KI-Funktionen tief in die IDE zu integrieren.
Hier erfahren Sie, wie Sie mit Sealos Devbox und Windsurf in 3 Minuten eine Website entwickeln und bereitstellen, um eine nahtlose Verbindung zwischen Ihrer lokalen Entwicklungs-, Test- und Produktionsumgebung herzustellen.
Devbox konfiguriert alle Entwicklungsumgebungen mit einem Klick und erspart so dieKonfiguration der Auflösung des Domänennamens, Beantragung eines SSL-Zertifikats, Konfiguration des Gateways usw.lästige Operationen, die nichts mit der Entwicklung zu tun haben, einfach den Code schreiben.
Erstellen einer Entwicklungsumgebung
(i) Schaffung eines Umfelds
Rufen Sie zunächst den Sealos-Desktop auf: https://hzh.sealos.run
Öffnen Sie dann die Devbox-App und erstellen Sie ein neues Projekt, wobei wir Next.js als Laufzeitumgebung wählen.
(ii) Windsurfen verbinden
Sie werden dann aufgefordert, das Devbox-Plugin zu installieren, das Sie automatisch mit Ihrer Entwicklungsumgebung verbindet.
Nach erfolgreicher Verbindung öffnen Sie Windsurf und wählen Sie Verbinden mit entfernter SSH-Umgebung.
(iii) Änderung der Basiskonfiguration
Nachdem die Verbindung erfolgreich hergestellt wurde, ändern wir das Stammverzeichnis des Projekts, indem wir auf die Schaltfläche "Ordner öffnen" auf der linken Seite klicken:
Wählen Sie dann das Verzeichnis /home/devbox/project als Stammverzeichnis.
Fertigstellung der Verbindung
Entwicklung einer Website
Cascade bietet zwei Modi: Chat, der dem Chat-Panel von Cursor ähnelt, und Edit, das dem Composer-Panel von Cursor ähnelt, um Code zu erzeugen und zu ändern.
Hier ist der Zauberspruch. Hier, schreib mir eine virtuelle KI-Freundin:
Nachdem ich die verschiedenen Dateien erstellt hatte, wurde ich auch gefragt, ob ich die Abhängigkeiten installieren möchte, und die Befehle wurden alle für mich geschrieben9
Klicken Sie einfach unten rechts auf "Alles akzeptieren", um alle Änderungen zu übernehmen.
Verfasst am
Das Thema dieses Austausches ist "Code geht schnell in Betrieb"Wie kann ich mir diese Demo im Internet ansehen?
Gehen wir zurück zum Devbox-Projekt und klicken aufExtranet-AdresseSie können die Auswirkungen auf das öffentliche Netz sehen.
Dies ist natürlich nur der Effekt, der mit dem initialisierten Code demonstriert wird. Als Nächstes wollen wir zeigen, wie die Online-Umgebung nach der Änderung eines Teils des Codes aktualisiert wird.
Code aktualisieren
Hier ein Beispiel für die Änderung des Inhalts einer Webseite durch Hinzufügen von Ich bin Jay Zeichen, denken Sie daran, den Code zu speichern.
Drücken Sie am Terminal Strg + C Schließen Sie die Anwendung und geben Sie den Befehl erneut ein python3 hallo.py Neustart.
Sowohl der lokale als auch der Online-Code werden sofort erfolgreich aktualisiert, ohne dass eine zusätzliche Aktion erforderlich ist, und der Online-Code wird wirksam.
Allerdings haben wir die Online-Veröffentlichung nicht abgeschlossen. Oh, schließlich kann der Computer das Programm nicht immer ausführen, die nachfolgenden Schritte werden beschrieben.
Zusammenfassungen
In der traditionellen Entwicklung ist die Verbindung zu einer Datenbank in Ihrer Entwicklungsumgebung so, als würden Sie Tausende von Kilometern reisen, um eine Verabredung zu bekommen - Sie müssen IPs abgleichen, Firewalls anpassen und Konfigurationen ändern. Aber in Sealos sind Cursor und Datenbank wie Freunde aus Kindertagen, die Tür an Tür wohnen. Sie können sich verabreden, wann immer Sie wollen, ohne auch nur einen Anruf zu tätigen. Ist das nicht die ideale Entwicklungserfahrung für jeden Entwickler?
Mit diesem Götterpaar können Sie sich mehr auf die Verwirklichung Ihrer Produktideen konzentrieren, anstatt sich von umständlichen Umgebungskonfigurationen aus der Ruhe bringen zu lassen.