Come programmare in modo collaborativo la condivisione dal vivo di Visual Studio Code

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 di coppie sono prevalenti nelle aziende moderne, ma quali opzioni ci sono per la collaborazione in casa?

Molte squadre 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 allo 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à su VS Code.

Che cos'è VS Live Share?

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

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

Impostazione del codice di Visual Studio per la collaborazione

VS Code è gratuito e disponibile per Windows, macOS e Linux. Se non si è già un utente del codice VS, scaricarlo e installarlo 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.

Oltre a VS Live Share, Microsoft ha rilasciato strumenti aggiuntivi per la comunicazione tramite software e audio esterni. Installare VS Live Share insieme al pacchetto di estensione VS Live Share . Una volta installato, fai clic su ricarica in una delle estensioni nell'elenco per ricaricare il codice dello studio visivo e attivarlo.

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

Impostazione di una sessione di condivisione in VS Code

L'impostazione di una sessione di condivisione è abbastanza semplice. Aprire 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 : utilizzala per partecipare alla sessione di qualcun altro a condizione che ti abbia fornito un URL.
• Avvia sessione di collaborazione : consente di creare la propria sessione di collaborazione in cui altri utenti possono modificare il codice.
• Avvia sessione di collaborazione di sola lettura : consente di 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 agli account Microsoft o GitHub e reindirizzare l'utente 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 verrà richiesto di autorizzare il firewall.

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

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

Copia il tuo link negli appunti e consegnalo a un amico o collega che ha installato VS Live Share e sei pronto per partire!

Collaborazione di codice di base in codice VS

La collaborazione con il codice non modifica la tua esperienza di codifica. Invece, aggiunge uno strato in cima. La creazione di una sessione di Live Share apre una finestra di chat. Questo è accessibile a tutti gli utenti sia che effettui l'accesso sia che sia di sola lettura.

In qualsiasi momento durante la collaborazione, è possibile riaprire la finestra di chat, ottenere l'URL di condivisione o terminare la sessione utilizzando il pannello Condividi in tempo reale.

Ora apri qualsiasi file a cui desideri collaborare e inizia a scrivere come al solito. I partecipanti che lavorano sullo stesso script come ciascuno di essi hanno un cursore colorato che mostra dove stanno lavorando. Oltre a vederli funzionare in tempo reale, viene anche condivisa l'evidenziazione, rendendo più semplice segnalare errori e modifiche suggerite.

La collaborazione può avvenire tra tutti i file nella directory del progetto, e puoi vedere su quale script stanno lavorando tutti nel pannello Condividi live. È anche 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.

Seguenti e Focusing Collaborators

A volte vorrete spiegare qualcosa che richiede di andare oltre uno script. Gli utenti possono seguirsi l'un l'altro facendo clic sul loro n
ome nel pannello Condividi live. Ora, indipendentemente da dove vadano nel progetto, verrai coinvolto con loro per vedere cosa fanno.

Allo stesso modo, facendo clic sul piccolo megafono nel pannello Dettagli sessione, mette a fuoco i partecipanti sulla vista corrente.

Questo è utile quando è necessario richiamare rapidamente l'attenzione di tutti su una parte specifica del progetto. I partecipanti focalizzati hanno l'opzione di continuare a seguirti da questo punto in poi.

Uso dell'audio in VS Live Share

VS Live Share Extension Pack include l'integrazione per l'audio. Iniziare una sessione aggiunge una nuova stanza. Per accedere alla stanza, fare clic su Partecipa alla chiamata audio nella scheda Audio del pannello Condividi live .

Tutti i collaboratori e gli ospiti hanno accesso alla chiamata, rendendola perfetta sia per la collaborazione, l'insegnamento o la presentazione a un gruppo di come un progetto sta arrivando. È possibile accedere alle impostazioni per la 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, la chat rimane chiusa, sebbene rimanga accessibile finché la sessione rimane attiva.

Integrazione leggera con VS Code

La configurazione di Slack in VS Code è semplice. Fare clic sul logo Slack sul pannello sinistro e selezionare Setup Slack . Questo ti porterà in una finestra del browser per autorizzare VS Code ad accedere all'area di lavoro.

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

L'installazione di Discord è un processo simile, sebbene valga la pena notare che attualmente è possibile integrare solo uno dei servizi alla volta.

Sicurezza e privacy in VS Live Share

VS Live Share è uno strumento fantastico per i programmatori di tutti i tipi, ma viene fornito con alcune considerazioni sulla sicurezza. La natura aperta dell'estensione combinata con la facilità di condividere il tuo codice può essere sfruttata.

Dal momento che anche gli ospiti di sola lettura possono parlare in chat, c'è il potenziale per comportamenti inappropriati da parte di persone che non dovrebbero avere il link condiviso.

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

In breve, fai attenzione a chi condividi il tuo collegamento Live Share e pensa attentamente prima di consentire la modifica e i privilegi del terminale alle persone.

La collaborazione è in corso 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, il linting e il testing. Live Share consente inoltre alle persone di apprendere sia in classe che a distanza, tuttavia l'autoapprendimento con un eccellente corso online è ancora importante.

Leggi l'articolo completo: Come programmare in modo collaborativo utilizzando la condivisione dal vivo di Visual Studio Code

Fonte: Utilizzare