Übung: Remoteaktivierung – Tunnel auf der Visual Studio Code-Benutzeroberfläche

  • 6 Minuten

In dieser Übung aktivieren Sie Remote – Tunnels-Zugriff mithilfe der Visual Studio Code-Benutzeroberfläche.

Installieren der Remote – Tunnels-Erweiterung

  1. Starten Sie Visual Studio Code, und öffnen Sie den Ordner "TestUI ".

    Screenshot des Visual Studio Code TestUI-Ordners.

  2. Wechseln Sie zu Erweiterungen: Marketplace in Visual Studio Code, und installieren Sie die Erweiterung "Remote – Tunnels":

    1. Wählen Sie auf der Aktivitätsleiste auf der Seite des Fensters das Symbol "Erweiterungen" aus.
    2. Suchen Sie nach Remote – Tunnels.
    3. Wählen Sie "Installieren" aus.

    Screenshot der Suche nach Remote – Tunnels in Erweiterungen: Marketplace.

  3. Starten Sie Visual Studio Code neu, wenn Sie dazu aufgefordert werden.

  4. Wählen Sie das Visual Studio Code-Kontobild aus, und aktivieren Sie den Remotetunnelzugriff.

    Screenshot der Option

  5. Wählen Sie Für diese Sitzung aktivieren aus.

    Screenshot der Aufforderung

  6. Sie werden zur Anmeldung aufgefordert.

    Screenshot der Aufforderung zum Anmelden.

  7. Nachdem Sie sich angemeldet haben, wird ein Tunnel auf Ihrem aktuellen Computer gestartet, der die Remoteverbindung zu diesem Computer ermöglicht.

  8. Wählen Sie im Popupmenü für den Tunnellink "Browserverknüpfung in die Zwischenablage kopieren" aus und speichern Sie sie.

    Sie können den Link per E-Mail an sich selbst senden oder in einem sicheren Onlinedokument speichern, um ihn später zu verwenden.

    Screenshot des Tunnellinks.

  9. Wechseln Sie zu einem anderen Computer (Client) Ihrer Wahl und rufen Sie den Link ab. Fügen Sie in einem Browser den Tunnellink aus dem vorherigen Schritt ein.

    Ein Client ist ein beliebiges Gerät, das einen Webbrowser ausführen kann und internetzugriff hat, z. B. ein Smartphone, ein Tablet oder ein anderer Computer.

  10. Bestätigen Sie das Konto, das Sie zum Starten des Tunnels verwendet haben, und beginnen Sie mit der Erstellung von Code!

    Screenshot der Aufforderung zum Auswählen des Kontos, das zum Starten des Tunnels verwendet wurde.

    Screenshot der Clientansicht.

Wenn Sie zu vscode.dev wechseln, greifen Sie auf eine einfache Version von Visual Studio Code zu, die vollständig im Browser ausgeführt wird. Diese Version wird als Visual Studio Code für das Web (oder vscode.dev) bezeichnet. In diesem Schritt können Sie einen Ordner auf Ihrem lokalen Computer öffnen und mit der Erstellung von Code ohne Installation beginnen.

Hinweis

Der Remotecomputer ist nur über einen Tunnel erreichbar, während Visual Studio Code dort ausgeführt wird. Nach dem Beenden von Visual Studio Code ist tunneln dorthin erst möglich, wenn Sie Visual Studio Code erneut starten oder den CLI-Befehl für den Codetunnel ausführen.