AI Personal Learning
und praktische Anleitung

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox, um die Entwicklungsumgebung mit einem Klick einzurichten.

Dieser Artikel wurde am 2024-11-26 11:06 aktualisiert, ein Teil des Inhalts ist zeitkritisch, wenn er ungültig ist, bitte eine Nachricht hinterlassen!

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.


3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox one-click, um die Entwicklungsumgebung zu fixieren-1

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.

3 Minuten für die Bereitstellung der offiziellen Website, ich benutze Windsurf und Devbox one-click, um die Entwicklungsumgebung zu fixieren-2

(ii) Windsurfen verbinden

Sie werden dann aufgefordert, das Devbox-Plugin zu installieren, das Sie automatisch mit Ihrer Entwicklungsumgebung verbindet.

3 Minuten für die Bereitstellung der offiziellen Website, ich benutze Windsurf und Devbox One-Click, um die Entwicklungsumgebung zu fixieren-3

Nach erfolgreicher Verbindung öffnen Sie Windsurf und wählen Sie Verbinden mit entfernter SSH-Umgebung.

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox One-Click-Entwicklungsumgebung-4

(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:

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox One-Click, um die Entwicklungsumgebung zu fixieren-5

Wählen Sie dann das Verzeichnis /home/devbox/project als Stammverzeichnis.

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox one-click, um die Entwicklungsumgebung zu fixieren-6

Fertigstellung der Verbindung

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox one-click, um die Entwicklungsumgebung zu fixieren-7

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:

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox one-click, um die Entwicklungsumgebung zu fixieren-8

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

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox, um die Entwicklungsumgebung mit einem Klick zu erhalten-9

Klicken Sie einfach unten rechts auf "Alles akzeptieren", um alle Änderungen zu übernehmen.

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox, um die Entwicklungsumgebung mit einem Klick zu erhalten-10

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.

3 Minuten für die Bereitstellung der offiziellen Website, ich benutze Windsurf und Devbox one-click, um die Entwicklungsumgebung zu beheben-11 3 Minuten für die Bereitstellung der offiziellen Website, ich benutze Windsurf und Devbox One-Click, um die Entwicklungsumgebung zu beheben-12

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.

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox, um die Entwicklungsumgebung mit einem Klick zu erhalten -13

Drücken Sie am Terminal Strg + C Schließen Sie die Anwendung und geben Sie den Befehl erneut ein python3 hallo.py Neustart.

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox, um die Entwicklungsumgebung mit einem Klick zu erhalten-14

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.

3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox One-Click-Entwicklungsumgebung-15

 

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.

AI Leichtes Lernen

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>
Darf nicht ohne Genehmigung vervielfältigt werden:Chef-KI-Austauschkreis " 3 Minuten für die Bereitstellung der offiziellen Website, ich verwende Windsurf und Devbox, um die Entwicklungsumgebung mit einem Klick einzurichten.

Chef-KI-Austauschkreis

Der Chief AI Sharing Circle konzentriert sich auf das KI-Lernen und bietet umfassende KI-Lerninhalte, KI-Tools und praktische Anleitungen. Unser Ziel ist es, den Nutzern dabei zu helfen, die KI-Technologie zu beherrschen und gemeinsam das unbegrenzte Potenzial der KI durch hochwertige Inhalte und den Austausch praktischer Erfahrungen zu erkunden. Egal, ob Sie ein KI-Anfänger oder ein erfahrener Experte sind, dies ist der ideale Ort für Sie, um Wissen zu erwerben, Ihre Fähigkeiten zu verbessern und Innovationen zu verwirklichen.

Kontaktieren Sie uns
de_DE_formalDeutsch (Sie)