Condividi tramite

Aprire una casella di sviluppo in VS Code

Usare Microsoft Dev Box con Visual Studio Code (VS Code) per creare ambienti di sviluppo sicuri e basati sul cloud. Questo articolo illustra come configurare i tunnel di sviluppo e connettersi a Dev Box da VS Code. Si apprenderà come installare l'estensione necessaria, abilitare tunnel sicuri e connettersi in remoto per un'esperienza di sviluppo semplificata. Seguire questa procedura per iniziare rapidamente e lavorare in modo efficiente da qualsiasi luogo.

Prerequisiti

Abilitare Dev Tunnels in un pool di Dev Box

Dev Box Dev Tunnels è una funzionalità che consente agli sviluppatori di connettersi al proprio Dev Box usando Visual Studio Code (VS Code) tramite tunnel sicuri. Questa funzionalità è particolarmente utile per gli sviluppatori che desiderano lavorare in remoto o da posizioni diverse senza bisogno di una connessione Desktop remoto completa.

Registrare la funzionalità di anteprima di Dev Box Tunnels

Mentre Dev Box Tunnels è in anteprima, è necessario registrare la funzionalità nella sottoscrizione di Azure.

  1. Accedi al portale di Azure.

  2. Selezionare Sottoscrizioni.

  3. Selezionare la sottoscrizione che contiene le risorse di Dev Box.

  4. Nel menu a sinistra selezionare Impostazioni Funzionalità>di anteprima.

  5. Nella casella Di ricerca digitare Dev Box, selezionare Dev Box Dev Tunnels nei risultati e quindi selezionare Registra.

    Screenshot della pagina delle funzionalità di anteprima del portale di Azure con la voce

  6. Nel messaggio Registrare le funzionalità selezionate selezionare OK.

Abilitare i tunnel di sviluppo per un pool di dev box

I tunnel di sviluppo sono abilitati per ogni pool. Per abilitare i tunnel per un pool di box di sviluppo:

  1. Passare al progetto che contiene il pool di caselle di sviluppo in cui si desidera abilitare i tunnel.

  2. Nel menu a sinistra selezionare Gestisci pool> dicaselle di sviluppo.

  3. Per il pool che si desidera modificare, dal menu delle operazioni della casella di sviluppo (...), selezionare Modifica.

    Screenshot del riquadro Di modifica del pool di caselle di sviluppo del portale di Azure con il menu operazioni e il comando Modifica visibile.

  4. Nella scheda Gestione selezionare Abilita apertura della casella di sviluppo in VS Code e quindi selezionare Salva.

    Screenshot della scheda Gestione pool di caselle di sviluppo nel portale di Azure con l'opzione 'Abilita apertura sviluppo in VS Code' evidenziata.

Connettersi a una finestra di sviluppo usando un tunnel di sviluppo

Seguire questa procedura per configurare un tunnel di sviluppo e connettersi alla casella di sviluppo usando VS Code.

  1. Installare l'estensione VS Code

    Nel tuo VS Code locale, installa l'estensione Dev Box dal Marketplace delle estensioni di VS Code. I tunnel di sviluppo richiedono la versione 2.0.0 o successiva. Assicurarsi di installare l'estensione in locale, non in Dev Box a cui connettersi.

    Screenshot dell'estensione Dev Box in Visual Studio Code che mostra i dettagli dell'estensione e l'opzione di installazione.

  2. Per accedere all'estensione Dev Box, selezionare l'icona Dev Box nella barra laterale sinistra e selezionare Accedi a Dev Box con Microsoft.

    Screenshot dell'opzione di accesso dell'estensione Dev Box in Visual Studio Code, che mostra l'icona di Dev Box e il comando Accedi.

  3. Connettersi a Dev Box in VS Code

    Dopo aver configurato tutti gli elementi, aprire la casella di sviluppo in VS Code. Dal menu Gestisci (rotellina delle impostazioni) selezionare Connetti.

    Screenshot dell'estensione Dev Box che mostra il pulsante Connetti usato per aprire un tunnel a dev Box in Visual Studio Code.

  4. Esplorare l'esperienza remota in VS Code

    Verrà visualizzata una nuova finestra di VS Code. È possibile aprire qualsiasi cartella o area di lavoro nella casella di sviluppo remota usando FileOpen File>/Folder/Workspace esattamente come si farebbe localmente.

Connettersi al passaggio secondario di Windows per Linux

Se disponi di un ambiente Windows Subsystem for Linux (WSL) su Dev Box, collegati utilizzando Remote Explorer.

Selezionare Destinazioni WSL dall'elenco a discesa per visualizzare tutte le distribuzioni WSL. Aprire qualsiasi distribuzione WSL nella finestra corrente o in una nuova finestra.

Screenshot di Esplora remoto di Visual Studio Code che mostra le distribuzioni WSL disponibili con la destinazione WSL di Dev Box evidenziata.

Per altre informazioni sull'esperienza di sviluppo WSL, vedere Remote - WSL e Configurare un ambiente di sviluppo WSL.

Domande frequenti

  • Perché è necessario accedere a Dev Box prima di abilitare il tunnel?

    Questo passaggio è necessario per stabilire una sessione utente per configurare il tunnel. Dopo l'accesso iniziale, è sufficiente disconnettersi da Dev Box. È quindi possibile abilitare o connettersi al tunnel senza eseguire di nuovo l'accesso, a meno che Dev Box non venga arrestato o riavviato.

  • Perché non è possibile connettersi a Dev Box anche se il tunnel è abilitato?

    Aggiorna la vista esploratore delle estensioni di Dev Box con il pulsante nell'angolo superiore destro per controllare l'ultimo stato del tunnel. Se il tunnel è abilitato, ma non è ancora possibile connettersi, provare a disabilitare il tunnel, accedere a Dev Box e quindi riabilitare il tunnel.

Contenuti correlati

  • Last updated on