Vuoi collaborare a progetti di codifica?  Live Share per VS Code è un ottimo strumento, quindi ecco come configurarlo e iniziare.

Come programmare in collaborazione usando la condivisione live di Visual Studio Code

Annuncio pubblicitario Se stai imparando i primi passi di un linguaggio di programmazione o sei un programmatore esperto, la collaborazione è la chiave per migliorare. Concetti come la programmazione delle coppie sono prevalenti nelle aziende moderne, ma quali opzioni ci sono per la collaborazione in casa?

Annuncio pubblicitario

Se stai imparando i primi passi di un linguaggio di programmazione o sei un programmatore esperto, la collaborazione è la chiave per migliorare. Concetti come la programmazione delle coppie sono prevalenti nelle aziende moderne, ma quali opzioni ci sono per la collaborazione in casa?

Molti team usano strumenti come Slack e Discord per rimanere in contatto come gruppo. Il controllo della versione consente alle persone di collaborare a un progetto e sincronizzarlo con lo stesso repository online.

Questi strumenti sono fantastici, ma se ci fosse un modo per combinare questi concetti in un IDE? Microsoft ha la risposta in Live Share per Visual Studio (VS) Code e Visual Studio. La guida di oggi si concentrerà sul VS Code.

(Se non sei ancora sicuro di scegliere Visual Studio Code su Atom, possiamo aiutarti a decidere.)

Che cos'è VS Live Share?

VS Live Share consente a due o più persone di collaborare al codice in tempo reale utilizzando gli account Microsoft o GitHub. Le sessioni standard di Live Share supportano fino a cinque utenti simultanei, anche se questo si estende a 30 modificando le impostazioni. Mentre solo gli utenti che hanno effettuato l'accesso possono contribuire al codice, gli ospiti possono guardare la sessione e prendere parte alla chat dal vivo.

Il pacchetto di estensione VS Live Share include audio, che consente agli utenti di condividere una chiamata e integrazioni per Slack e Discord. Oltre ai chiari vantaggi per i lavoratori remoti, Live Share è anche uno strumento educativo. Terminali e server condivisibili rendono Live Share il supporto perfetto per l'insegnamento in classe.

Impostazione del codice Visual Studio per la collaborazione

VS Code è gratuito e disponibile per Windows, macOS e Linux. Se non sei già un utente VS Code, scaricalo e installalo prima di continuare.

Per installare VS Live Share, aprire VS Code e aprire la scheda Estensioni sulla barra degli strumenti a sinistra. In alternativa puoi usare la scorciatoia da tastiera Ctrl-Maiusc-X . Cerca VS Live Share nella barra di ricerca.

Pannello estensioni codice VS.
Oltre a VS Live Share, Microsoft ha rilasciato strumenti extra per la comunicazione attraverso software e audio esterni. Installa VS Live Share insieme al pacchetto di estensione VS Live Share . Una volta installato, fai clic su Ricarica sotto una qualsiasi delle estensioni nell'elenco per ricaricare il codice di Visual Studio e attivarli.

I nuovi loghi vengono visualizzati nel pannello laterale

Alla ricarica, noterai un paio di nuove icone nella barra degli strumenti, un simbolo di hash che indica il pannello di integrazione di Slack and Discord e un simbolo di freccia per il pannello di Live Share.

Impostazione di una sessione di condivisione in codice VS.

codice di Visual Studio live condividere i dettagli della sessione

Impostare una sessione di condivisione è abbastanza semplice. Apri la scheda VS Live Share sulla barra degli strumenti a sinistra. La finestra Dettagli sessione offre tre opzioni per la condivisione del codice:

  • Partecipa alla sessione di collaborazione : utilizza questa opzione per partecipare alla sessione di qualcun altro, purché ti abbia fornito un URL.
  • Avvia sessione di collaborazione : utilizza questa opzione per creare la tua sessione di collaborazione in cui altri utenti possono modificare il codice.
  • Avvia sessione di collaborazione di sola lettura : utilizzare questa opzione per creare una sessione di collaborazione in cui gli utenti possono visualizzare, ma non modificare il codice.

Facendo clic su uno di questi, ti verrà richiesto di accedere ai tuoi account Microsoft o GitHub e di reindirizzarti al browser. Per impostare una sessione di base, selezionare Avvia sessione di collaborazione e selezionare una directory di lavoro quando richiesto. Accedi e verrai reindirizzato a VS Code e ti verrà chiesto di consentire l'autorizzazione del firewall.

Questo non è essenziale, sebbene raccomandato per la velocità e la stabilità della connessione.

Richiesta firewall per consentire una connessione live veloce

Una finestra informativa nell'angolo in basso a destra conterrà il tuo link di collaborazione, insieme alle opzioni per rendere la room di sola lettura e un link a maggiori informazioni sul processo di condivisione.

Finestra di contesto per la condivisione della sessione Live Share

Copia il tuo link negli Appunti e consegnalo a un amico o collega che ha anche VS Live Share installato e sei a posto!

Collaborazione del codice di base nel codice VS.

La collaborazione del codice non cambia la tua esperienza di programmazione. Invece, aggiunge un livello in cima. La creazione di una sessione di Live Share apre una finestra di chat. Questo è accessibile a tutti gli utenti sia che abbiano effettuato l'accesso sia che abbiano letto solo.

Un ospite di sola lettura chiamato Jimmy si unisce alla chat

In qualsiasi momento durante la collaborazione, puoi riaprire la finestra di chat, ottenere l'URL di condivisione o terminare la sessione utilizzando il pannello Live Share.

Finestra Live Share in progress
Ora apri qualsiasi file su cui desideri collaborare e inizia a scrivere codice normalmente. I partecipanti che lavorano sulla stessa sceneggiatura hanno ciascuno un cursore colorato che mostra dove stanno lavorando. Oltre a vederli funzionare in tempo reale, l'evidenziazione è anche condivisa, rendendo semplice evidenziare errori e modifiche suggerite.

Evidenziazione del testo del partecipante remoto
La collaborazione può avvenire su tutti i file nella directory del progetto e puoi vedere su quale script stanno lavorando tutti nel pannello Live Share. È inoltre possibile condividere il terminale VS Code in modalità di sola lettura e lettura / scrittura e un server locale per lavorare su JavaScript o altri progetti Web.

Collaboratori seguenti e focalizzati

A volte vorrai spiegare qualcosa che richiede di andare oltre uno script. Gli utenti possono seguirsi facendo clic sul loro nome nel pannello Live Share. Ora, indipendentemente da dove vadano nel progetto, verrai trascinato con loro per vedere cosa fanno.

L'opzione Segui consente di vedere qualcun altro che lavora attraverso un progetto.

Allo stesso modo, facendo clic sul piccolo megafono nel pannello Dettagli sessione, i partecipanti vengono indirizzati alla vista corrente.

Il megafono focalizza tutti i partecipanti alla tua vista
Ciò è utile quando è necessario attirare rapidamente l'attenzione di tutti su una parte specifica del progetto. I partecipanti focalizzati hanno la possibilità di continuare a seguirti da questo punto in poi.

Utilizzo dell'audio in VS Live Share

Il pacchetto di estensione VS Live Share include l'integrazione per l'audio. L'inizio di una sessione aggiunge una nuova stanza. Per entrare nella stanza, fai clic su Partecipa alla chiamata audio nella scheda Audio del pannello Live Share .

Partecipazione a una chiamata audio in Live Share
Tutti i collaboratori e gli ospiti hanno accesso alla chiamata, rendendola perfetta sia per collaborare, insegnare o presentare a un gruppo come sta andando un progetto. È possibile accedere alle impostazioni della chiamata facendo clic con il pulsante destro del mouse su una chiamata attiva o facendo clic sulla ruota dentata.

Facendo clic sul simbolo di disconnessione rosso si esce dalla chat room, anche se rimarrà accessibile finché la sessione rimane attiva.

Integrazione lenta con il codice VS.

Impostare Slack in VS Code è semplice. Fai clic sul logo Slack sul pannello di sinistra e seleziona Setup Slack . Questo ti porterà ad una finestra del browser per autorizzare l'accesso a VS Code allo spazio di lavoro.

Autorizzare l'app con Slack

Dovrai essere un amministratore per autorizzare l'app VS Code Slack. Una volta collegato, l'area di lavoro Slack verrà visualizzata come un'altra scheda in VS Code.

Le chat lente funzionano bene in una finestra di Live Share.
La configurazione di Discord è un processo simile, anche se vale la pena notare che al momento sembra che solo uno dei servizi possa essere integrato alla volta.

Sicurezza e privacy in VS Live Share

VS Live Share è uno strumento fantastico per programmatori di tutti i tipi, ma presenta alcune considerazioni sulla sicurezza. È possibile abusare della natura aperta dell'estensione unita alla facilità di condivisione del codice.

Poiché anche gli ospiti di sola lettura possono parlare in chat, esiste il potenziale comportamento inappropriato da parte di persone che non dovrebbero avere il link condiviso.

Live Share consente anche la condivisione del terminale in modalità lettura / scrittura. Ciò comporta un rischio significativo per la sicurezza nelle mani sbagliate.

La condivisione dell'accesso al tuo terminale può essere un'attività rischiosa.
In breve, fai attenzione a chi condividi il tuo link Live Share e pensa attentamente prima di consentire i privilegi di modifica e terminale alle persone.

La collaborazione è un progresso nel codice di Visual Studio

Queste estensioni sono esempi di integrazioni di base con VS Code. Gli utenti esperti saranno già a conoscenza di molti altri che aiutano con il completamento del codice, linting e test. Live Share consente inoltre alle persone di apprendere sia in classe che in remoto, tuttavia è ancora importante studiare da soli con un eccellente corso online.

E ricorda, usando VS Code puoi anche programmare nel tuo browser con Microsoft Visual Studio Online Inizia a scrivere codice nel tuo browser Con Microsoft Visual Studio Online Inizia a scrivere codice nel tuo browser Con Microsoft Visual Studio Online La codifica collaborativa per Visual Studio Code sta per migliorare con l'arrivo di Microsoft Visual Studio Online. Leggi di più .

Ulteriori informazioni su: Strumenti di collaborazione, Codice di Visual Studio.