Freigeben über


Öffnen eines Entwicklerfelds in VS Code

Verwenden Sie Microsoft Dev Box mit Visual Studio Code (VS Code), um sichere, cloudbasierte Entwicklungsumgebungen zu erstellen. In diesem Artikel wird erläutert, wie Entwicklertunnel eingerichtet und über VS Code eine Verbindung mit Ihrem Dev Box hergestellt werden. Sie erfahren, wie Sie die erforderliche Erweiterung installieren, sichere Tunnel aktivieren und remote eine Verbindung herstellen, um eine optimierte Entwicklungsumgebung zu ermöglichen. Führen Sie diese Schritte aus, um schnell zu beginnen und effizient von überall aus zu arbeiten.

Voraussetzungen

Aktivieren von Dev Tunnels in einem Dev Box-Pool

Dev Box Dev Tunnels ist ein Feature, mit dem Entwickler mithilfe von Visual Studio Code (VS Code) über sichere Tunnel eine Verbindung mit ihren Dev Box herstellen können. Dieses Feature ist besonders nützlich für Entwickler, die remote oder von verschiedenen Standorten arbeiten möchten, ohne eine vollständige Remotedesktopverbindung zu benötigen.

Registrieren des Vorschaufeatures für Dev Box Tunnels

Während Dev Box Tunnels in der Vorschau ist, müssen Sie das Feature in Ihrem Azure-Abonnement registrieren.

  1. Melden Sie sich beim Azure-Portal an.

  2. Wählen Sie Abonnements.

  3. Wählen Sie das Abonnement aus, das Ihre Dev Box-Ressourcen enthält.

  4. Wählen Sie im linken Menü die Features"Einstellungenvorschau>" aus.

  5. Geben Sie im Suchfeld"Dev Box" die Option "Dev Box Dev Tunnels" aus den Ergebnissen aus, und wählen Sie dann " Registrieren" aus.

    Screenshot der Seite mit den Features des Azure-Portals

  6. Wählen Sie in der Meldung "Möchten Sie die ausgewählten Features registrieren?"die Option "OK" aus.

Aktivieren von Entwicklungstunneln für einen Dev Box-Pool

Dev-Tunnel werden pro Pool aktiviert. So aktivieren Sie Tunnel für einen Dev Box-Pool:

  1. Navigieren Sie zu dem Projekt, das den Dev Box Pool enthält, in dem Sie Tunnel aktivieren möchten.

  2. Wählen Sie im linken Menü "Dev Box-Poolsverwalten>" aus.

  3. Wählen Sie für den Pool, den Sie bearbeiten möchten, im Menü "Dev Box Operations" (...) die Option "Bearbeiten" aus.

    Screenshot des Bereichs

  4. Wählen Sie auf der Registerkarte " Verwaltung " die Option " Öffnen des Entwicklerfelds aktivieren" in VS Code und dann " Speichern" aus.

    Screenshot der Registerkarte

Herstellen einer Verbindung mit einem Entwicklerfeld mithilfe eines Dev-Tunnels

Führen Sie die folgenden Schritte aus, um einen Dev-Tunnel einzurichten und mithilfe von VS Code eine Verbindung mit Ihrem Entwicklungsfeld herzustellen.

  1. Installieren der VS Code-Erweiterung

    Installieren Sie in Ihrem lokalen VS-Code die Dev Box-Erweiterung aus dem VS Code Extension Marketplace. Für Dev-Tunnel ist Version 2.0.0 oder höher erforderlich. Stellen Sie sicher, dass Sie die Erweiterung lokal installieren, nicht auf dem Dev Box, mit dem Sie eine Verbindung herstellen möchten.

    Screenshot der Dev Box-Erweiterung in Visual Studio Code mit den Erweiterungsdetails und der Installationsoption.

  2. Um sich bei der Dev Box-Erweiterung anzumelden, wählen Sie das Dev Box-Symbol in der linken Randleiste und dann "Bei Dev Box mit Microsoft anmelden" aus.

    Screenshot der Anmeldeoption

  3. Verbinden mit der Dev Box in VS Code

    Sobald alles eingerichtet ist, öffnen Sie Ihr Entwicklerfeld in VS Code. Wählen Sie im Menü "Verwalten" (Einstellungsrad) die Option "Verbinden" aus.

    Screenshot der Dev Box-Erweiterung mit der Schaltfläche

  4. Erkunden der Remoteumgebung in VS Code

    Ein neues VS Code-Fenster wird geöffnet. Sie können einen beliebigen Ordner oder Arbeitsbereich in der Remote-Dev Box öffnen, indem Sie Datei>/Ordner/Arbeitsbereich wie lokal öffnen.

Herstellen einer Verbindung mit Windows-Untersystem für Linux

Wenn Sie über ein Windows-Subsystem für Linux (WSL)-Umgebung im Dev Box verfügen, stellen Sie mithilfe des Remote-Explorers eine Verbindung mit ihr her.

Wählen Sie WSL-Ziele aus der Dropdownliste aus, um alle WSL-Verteilungen anzuzeigen. Öffnen Sie eine beliebige WSL-Verteilung im aktuellen oder einem neuen Fenster.

Screenshot des Visual Studio Code Remote Explorer mit verfügbaren WSL-Verteilungen mit hervorgehobener Zielfunktion

Weitere Informationen zur WSL-Entwicklungsumgebung finden Sie unter Remote – WSL und Einrichten einer WSL-Entwicklungsumgebung.

Häufig gestellte Fragen

  • Warum muss ich mich vor dem Aktivieren des Tunnels bei dev Box anmelden?

    Dieser Schritt ist erforderlich, um eine Benutzersitzung zum Einrichten des Tunnels einzurichten. Nach der ersten Anmeldung können Sie einfach die Verbindung mit dev Box trennen. Anschließend können Sie den Tunnel aktivieren oder verbinden, ohne sich erneut anzumelden, es sei denn, das Dev Box wird heruntergefahren oder neu gestartet.

  • Warum kann ich keine Verbindung mit der Dev Box herstellen, auch wenn der Tunnel aktiviert ist?

    Aktualisieren Sie die Explorer-Ansicht der Dev Box-Erweiterung mit der Schaltfläche in der oberen rechten Ecke, um den neuesten Status des Tunnels zu überprüfen. Wenn der Tunnel aktiviert ist, Sie aber trotzdem keine Verbindung herstellen können, versuchen Sie, den Tunnel zu deaktivieren, sich bei Dev Box anzumelden und dann den Tunnel erneut zu aktivieren.