Ćwiczenie — włączanie zdalnego — tunele w interfejsie użytkownika programu Visual Studio Code

Ukończone

W tym ćwiczeniu włączysz dostęp zdalnego — tunele przy użyciu interfejsu użytkownika programu Visual Studio Code.

Instalowanie rozszerzenia Remote — Tunnels

  1. Uruchom program Visual Studio Code i otwórz folder TestUI .

    Zrzut ekranu przedstawiający folder TestUI programu Visual Studio Code.

  2. Przejdź do pozycji Rozszerzenia: Witryna Marketplace w programie Visual Studio Code i zainstaluj rozszerzenie Remote – Tunnels:

    1. Wybierz ikonę Rozszerzenia na pasku działań po stronie okna.
    2. Wyszukaj Remote - Tunnels.
    3. Wybierz pozycję Zainstaluj.

    Zrzut ekranu z wyników wyszukiwania dla Remote - Tunnels w sekcji Rozszerzenia: Marketplace.

  3. Uruchom ponownie program Visual Studio Code, jeśli zostanie wyświetlony monit o to.

  4. Wybierz obraz konta programu Visual Studio Code i wybierz pozycję Włącz dostęp do tunelu zdalnego.

    Zrzut ekranu przedstawiający włączanie dostępu do tunelu zdalnego.

  5. Wybierz pozycję Włącz dla tej sesji.

    Zrzut ekranu przedstawiający monit Włącz dla tej sesji.

  6. Zostanie wyświetlony monit o zalogowanie się.

    Zrzut ekranu przedstawiający monit o zalogowanie się.

  7. Po zalogowaniu tunel uruchamia się na bieżącej maszynie, co umożliwia zdalne połączenie z tą maszyną.

  8. Wybierz pozycję Kopiuj link przeglądarki do Schowka w oknie podręcznym dotyczącym linku tunelu i zapisz go.

    Możesz wysłać wiadomość e-mail z linkiem do siebie lub zapisać go w bezpiecznym dokumencie online do późniejszego użycia.

    Zrzut ekranu przedstawiający link tunelu.

  9. Przejdź do innego wybranego komputera (klienta) i pobierz link. W przeglądarce wklej link tunelu z poprzedniego kroku.

    Klient to dowolne urządzenie, które może uruchomić przeglądarkę internetową i ma dostęp do Internetu, taki jak telefon, tablet lub inny komputer.

  10. Potwierdź konto, które zostało użyte do uruchomienia tunelu i rozpocznij kodowanie!

    Zrzut ekranu przedstawiający monit z prośbą o wybranie konta używanego do rozpoczęcia tunelu.

    Zrzut ekranu przedstawiający widok klienta.

Po przejściu do vscode.dev uzyskujesz dostęp do uproszczonej wersji programu Visual Studio Code działającej w pełni w przeglądarce. Ta wersja jest nazywana programem Visual Studio Code dla sieci Web (lub vscode.dev). Ten krok umożliwia otwarcie folderu na komputerze lokalnym i rozpoczęcie kodowania bez żadnej instalacji.

Uwaga

Maszyna zdalna jest dostępna tylko za pośrednictwem tunelu, gdy jest tam uruchomiony program Visual Studio Code. Po zakończeniu pracy z programem Visual Studio Code tunelowanie do niego nie będzie możliwe do momentu ponownego uruchomienia programu Visual Studio Code lub uruchomienia polecenia interfejsu wiersza polecenia tunelu kodu.