Code mit einem lokalen VS Code-Editor entwickeln

Hier erfahren Sie, wie Sie einen SSH-Tunnel von Ihrem lokalen Computer zu einer Workstation öffnen und dann die VS Code-Remote-Entwicklung verwenden, um eine Verbindung zu Cloud Workstations über Ihren lokalen VS Code-Editor herzustellen.

Tipp :Wenn Sie eine browserbasierte Lösung bevorzugen, können Sie die Cloud Workstations-IDE Code OSS für Cloud Workstations verwenden, die auf dem Open-Source-Projekt Code-OSS basiert.

Hinweise

Führen Sie zuerst die folgenden Schritte aus:

1. Achten Sie darauf, dass ein Mitglied Ihres Teams eine Workstation-Konfiguration erstellt hat.
2. Workstation erstellen und starten

3. Kopieren Sie in der Google Cloud -Konsole die folgenden Informationen:

   1. Projektname und ‑ID: Klicken Sie in der Menüleiste auf den Projektnamen und kopieren Sie die ID im Dialogfeld Projektname und ‑ID, das sich öffnet. Google Cloud
   2. Region
   3. Clustername
   4. Konfigurationsname

4. Installieren Sie die gcloud CLI auf Ihrem lokalen Computer.

   Wenn Sie die gcloud CLI zum ersten Mal ausführen, müssen Sie möglicherweise auch gcloud auth login ausführen, um Anmeldedaten abzurufen, und gcloud config set project PROJECT_ID, um Ihr aktuelles Projekt auf die Projekt-ID festzulegen, die Sie im vorherigen Schritt kopiert haben.

5. Wenn Sie ssh zum ersten Mal verwenden, installieren Sie eine Remote-SSH-Erweiterung, damit Sie über den VS Code-Editor eine Verbindung zu einer Workstation herstellen können. Dies ist über den Extension Marketplace oder über die Befehlspalette möglich.

   Marketplace für Erweiterungen

   1. Öffnen Sie Ihre lokale VS Code-Editoranwendung und dann den Extension Marketplace, indem Sie in der Aktivitätsleiste 
      Erweiterungen auswählen.

   2. Klicken Sie auf Installieren, um die Erweiterung Remote – SSH zu installieren.

   3. Geben Sie remote ssh in das Suchfeld ein. Dadurch wird die Erweiterungsseite für Remote – SSH geöffnet.

      

   Befehlspalette

   1. Drücken Sie zum Öffnen der Befehlspalette Strg+Umschalt+P (oder Befehl+Umschalt+P unter macOS) oder klicken Sie auf Ansicht > Befehlspalette.

   2. Geben Sie ext install ms-vscode-remote.remote-ssh ein, um die Erweiterung zu installieren.

SSH-Tunnel öffnen

Öffnen Sie einen SSH-Tunnel von Ihrem lokalen Computer zu einer Workstation mit dem Befehl gcloud workstations start-tcp-tunnel:

1. Rufen Sie in der Google Cloud Console die Seite Cloud Workstations > Workstations auf.

   Zu den Workstations

2. Klicken Sie auf den Namen der Arbeitsstation, um die Seite Arbeitsstationsdetails zu öffnen.

3. Ersetzen Sie im folgenden Beispiel die Platzhalter für den Workstation-Namen, die Region (den Standort), den Namen des Workstation-Clusters und den Namen der Workstation-Konfiguration. Kopieren Sie die Werte aus dem Bereich „Workstation details“ (Workstation-Details) in die Platzhalter, die mit einem edit-Symbol (Bearbeiten) gekennzeichnet sind.

   gcloud workstations start-tcp-tunnel \
     --project=PROJECT_ID \
     --region=REGION \
     --cluster=CLUSTER_NAME \
     --config=CONFIG_NAME \
     --local-host-port=:LOCAL_PORT \
     WORKSTATION_NAME 22
   

   Die Projekt-ID finden Sie im Abschnitt Vorbereitung.

   Das Flag --local-host-port=:LOCAL_PORT ist optional. Wenn Sie einen lokalen Port angeben möchten, ersetzen Sie LOCAL_PORT durch die gewünschte lokale Portnummer. Wenn Sie keinen lokalen Port angeben, wählt das System einen beliebigen, ungenutzten lokalen Port für Sie aus und gibt eine Meldung mit der Portnummer aus, damit Sie wissen, welcher lokale Port verwendet wird.

4. Klicken Sie nach dem Ausfüllen der Platzhalter auf content_copy Codebeispiel kopieren, um den gcloud-CLI-Befehl zu kopieren.

5. Fügen Sie den Befehl in das lokale Terminalfenster ein und drücken Sie die Eingabetaste, um den Tunnel zu erstellen.

   Wenn der Befehl erfolgreich ausgeführt wird, wird eine Listening on port-Meldung gefolgt von der lokalen Portnummer angezeigt.

Weitere Informationen zu den einzelnen Konfigurationsflags finden Sie unter SSH-Tunnel oder start-tcp-tunnel.

Verbindung zu einem Cloud Workstations-Host herstellen

So stellen Sie eine Verbindung zu einem Cloud Workstations-Host her:

1. Öffnen Sie VS Code oder kehren Sie zur VS Code-Anwendung zurück.

2. Klicken Sie zum Starten von Remote – SSH in der Statusleiste auf Remote-Fenster öffnen.

   

3. Wählen Sie die Option Mit Host verbinden aus, wenn die Befehlspalette geöffnet wird.

   

4. Geben Sie user@localhost:LOCAL_PORT ein und ersetzen Sie LOCAL_PORT durch Ihre lokale Portnummer.

   Im folgenden Beispiel wird eine Verbindung zum lokalen Port 1025 hergestellt, indem user@localhost:1025 angegeben wird.

   

   Hinweis :Die Hostschlüssel für die Workstations ändern sich zwischen den Sitzungen, da Workstations auf temporären VMs ausgeführt werden. Achten Sie darauf, dass die Validierung des Hostschlüssels für die Workstation-Konfiguration aus diesem Grund deaktiviert ist.

5. Wenn Sie nach der Bestätigungsnachricht Host hinzugefügt aufgefordert werden, eine Verbindung herzustellen, klicken Sie auf Verbinden.

   Das System fordert Sie möglicherweise auch auf, den Hash zu bestätigen. Klicken Sie bei Aufforderung auf Weiter.

6. Ein neuer VS Code-Editor wird geöffnet und in der VS Code-Statusleiste wird SSH: localhost: gefolgt von der Portnummer angezeigt.

   Sie haben jetzt Zugriff auf die Dateien und Sprachserver auf Ihrer Remote-Workstation und können Prozesse erstellen und ausführen, die auf Ihrer Workstation ausgeführt werden.

   Das folgende Beispiel zeigt ein VS Code-Editorfenster, das über SSH: localhost: 1025 mit Cloud Workstations verbunden ist.

   

   Sie können auch zum Extensions Marketplace zurückkehren, um Cloud Code und andere lokale VS Code-Erweiterungen zu installieren, die Ihnen beim Erstellen, Ausführen und Testen Ihres Codes helfen.