Esercizio - Abilitare i tunnel remoti nell'interfaccia utente di Visual Studio Code

  • 6 minuti

In questo esercizio si abilita l'accesso ai tunnel remoti usando l'interfaccia utente di Visual Studio Code.

Installare l'estensione Tunnel remoti

  1. Avviare Visual Studio Code e aprire la cartella TestUI.

    Screenshot della cartella TestUI di Visual Studio Code.

  2. Passare a Estensioni: Marketplace in Visual Studio Code e installare l'estensione Tunnel remoti:

    1. Selezionare l'icona Estensioni nella barra attività laterale della finestra.
    2. Cercare Tunnel remoti.
    3. Selezionare Installa.

    Screenshot della ricerca Tunnel remoti in Estensioni: Marketplace.

  3. Riavviare Visual Studio Code se viene richiesto di farlo.

  4. Selezionare l'immagine dell'account di Visual Studio Code e selezionare Attiva accesso tunnel remoto.

    Screenshot dell'attivazione accesso al tunnel remoto.

  5. Selezionare Attiva per questa sessione.

    Screenshot del prompt Attiva per questa sessione.

  6. Viene richiesto di accedere.

    Screenshot del prompt di accesso.

  7. Dopo l'accesso, viene avviato un tunnel nel computer corrente, che consente la connessione remota a questo computer.

  8. Selezionare Copia Browser Link negli Appunti nel popup per il collegamento al tunnel e salvarlo.

    È possibile inviarsi tramite posta elettronica il collegamento o salvarlo in un documento online sicuro per usarlo in un secondo momento.

    Screenshot del collegamento al tunnel.

  9. Passare a un altro computer (client) preferito e recuperare il collegamento. Da un browser incollare il collegamento al tunnel del passaggio precedente.

    Un client è qualsiasi dispositivo che può eseguire un Web browser e che ha accesso a Internet, ad esempio un telefono, un tablet o un altro computer.

  10. Confermare l'account usato per avviare il tunnel e iniziare a scrivere codice.

    Screenshot del prompt di richiesta della selezione dell'account usato per avviare il tunnel.

    Screenshot della visualizzazione client.

Quando si passa a vscode.dev, si accede a una versione leggera di Visual Studio Code completamente eseguita nel browser. Questa versione è nota come Visual Studio Code per il Web (o vscode.dev). Questo passaggio consente di aprire una cartella nel computer locale e iniziare a scrivere codice senza alcuna installazione.

Nota

Il computer remoto è raggiungibile solo tramite un tunnel mentre Visual Studio Code è in esecuzione. Dopo aver chiuso Visual Studio Code, il tunneling non sarà possibile fino a quando non si avvia di nuovo Visual Studio Code o non si esegue il comando CLI del tunnel del codice.