Controllo della versione in codice Visual Studio con Git [Guida]

Supporto Git integrato è una delle più grandi funzionalità di Visual Studio Code, il nuovo editor di codice sorgente di Microsoft. Git è un sistema di controllo della versione distribuito, che ti consente di tracciare il tuo lavoro, spostarti avanti e indietro tra una versione e l'altra e lavorare su diversi rami allo stesso tempo. Viene anche utilizzato da Github, il famoso servizio di hosting di repository Git.

Codice di Visual Studio supporta Git per impostazione predefinita, il che significa che non devi installare pacchetti o estensioni per usarlo. La barra laterale contiene un separato Idiota Visualizza puoi aprire rapidamente facendo clic sul Idiota icona nella barra di visualizzazione (vedere le parti del codice VS) o premendo Ctrl + Maiusc + G.

Installa Git

Come codice di Visual Studio usa l'installazione Git del tuo computer, per prima cosa devi installare Git. Puoi scaricarlo rapidamente dal sito ufficiale di Git. Devi installare almeno versione 2.0.0 per far funzionare correttamente le funzionalità Git di VS Code.

Sebbene Visual Studio Code ti consenta di gestisci Git visivamente, se vuoi anche imparare come usare Git dalla riga di comando, ecco alcune risorse utili:

Esercitazione Git interattiva di Github
Tutorial Git di Atlassian - Atlassian è la società dietro la piattaforma di hosting di codice sorgente Bitbucket (simile a Github)
Atlitian's Git Cheat Sheet (PDF) - questo è il modo più veloce se hai già usato Git, ma non ricordi uno o due comandi
L'intero manuale di Pro Git

Inizializza il tuo repository

Se il tuo spazio di lavoro non è ancora tracciato da Git, prima devi farlo inizializza un nuovo repository. Per fare ciò, fare clic sul pulsante Inizializza repository git in Git View.

VS Code creerà a .idiota cartella all'interno del tuo spazio di lavoro (non puoi vederlo da VS Code, dato che è una directory nascosta, ma puoi trovarla nel tuo file manager nella cartella principale del tuo progetto), e sarà anche aggiungi i tuoi file non tracciati alla barra laterale.

Cambiamenti di scena

Dopo aver impostato il repository Git, è il momento di farlo crea il tuo impegno iniziale (un commit è uno stato registrato dell'intero repository a cui puoi tornare in seguito). Prima di impegnarsi, devi aggiungere i file che vuoi monitorare con Git nell'area di staging, o in altre parole devi mettere in scena i cambiamenti. Fai clic sul pulsante + che appare al passaggio del mouse accanto a ciascun file per metterli in scena.

Dopo aver fatto clic sui file che vuoi mettere in scena, il codice di Visual Studio si sposta da I cambiamenti cartella al Modifiche di scena cartella, ciò significa che ora lo sono nell'area di sosta. Se lo desidera mette in scena tutti i tuoi file contemporaneamente, c'è un pulsante + accanto al I cambiamenti sottotitolo (appare al passaggio del mouse) e fare clic su di esso.

Applica modifiche

Le modifiche programmate non sono ancora state registrate, è necessario anche impegnarli, in modo che dopo puoi dare un'occhiata o tornare al stato attuale del tuo repository. Per poter eseguire i cambiamenti graduali, è necessario aggiungi un messaggio di commit che descrive le modifiche apportate dal commit precedente.

Come nel nostro esempio, questo sarà il commit iniziale, usiamo il sorprendente “Impegno iniziale” Messaggio. Scrivi il tuo messaggio di commit nella barra di inserimento nella parte superiore della barra laterale e fare clic sulla piccola icona del segno di spunta. Ora sei pronto con il tuo primo commit, lo stato iniziale del tuo repository viene registrato.

La tua directory di lavoro Git è pulita, tutte le modifiche apportate fino a quel momento sono tracciate e la tua vista Git dice che ci sono 0 modifiche (si confronta sempre con il tuo ultimo commit). Se apporti nuove modifiche nell'area di lavoro, le nuove modifiche verranno visualizzate nuovamente nella barra laterale e sarà necessario impegnali di nuovo una volta raggiunto l'importo che vale la pena commettere.

Nello screenshot qui sotto puoi vedere come deve apparire il tuo editor di codice subito dopo l'impegno.

Segui le modifiche

Quando vai avanti con il tuo lavoro, se non sei sicuro di come la versione attuale sia comparabile al tuo ultimo commit, puoi controllare rapidamente le differenze. In Git View, è sufficiente fare doppio clic sul file che si desidera analizzare, e VS Code mostrerà le versioni correnti e precedenti fianco a fianco, quindi puoi rapidamente li confronta.

Quando si parla delle seguenti modifiche, è anche importante conoscere i codici di Visual Studio indicatori di grondaia che annota le modifiche rispetto al commit precedente, anche quando la visualizzazione affiancata non è aperta. Usi VS Code 3 tipi di indicatori di grondaia:

un triangolo rosso per ogni cancellazione di riga
un barra verde per ogni aggiunta di linea
un barra blu per ogni modifica di linea

Crea rami

Git ti permette di lavorare su diversi rami allo stesso tempo. Questo non è solo un bene per sperimentare nuove soluzioni, ma può anche facilitare in modo significativo il lavoro di gruppo in cui gli sviluppatori possono lavorare su diversi rami (tuttavia questo non è obbligatorio, in quanto possono anche rimanere sullo stesso ramo).

In Visual Studio Code, puoi creare nuovi rami aprendo la palette Quick Open premendo Ctrl + P (Cmd + P su Mac), quindi digitando il ramo di git comando nella barra di inserimento. È inoltre necessario aggiungere il nome del nuovo ramo alla fine del comando.

Come sarà il nome del nuovo ramo nel nostro esempio test-ramo, Userò il filiale di test di git branch comando, ma puoi usare qualsiasi altro nome. Nella parte sinistra della barra di stato (barra blu nella parte inferiore dello schermo) puoi sempre controllare rapidamente su quale ramo stai lavorando. Nello screenshot qui sotto, puoi vedere che sono attualmente sul maestro ramo.

Rami di controllo

A passare tra i rami, genere git checkout nella palette Quick Open (Ctrl + P / Cmd + P), e puoi scegliere tra i tuoi rami disponibili. Nello screenshot qui sotto, puoi vedere dalla barra di stato che sono attualmente sul ramo chiamato test (L'ho creato dopo test-ramo), e se voglio passare a un altro ramo, ora posso selezionare dal maestro e test-ramo rami.

Utilizzare i comandi Git dalla palette dei comandi

Puoi accedere ai comandi Git dalla Command Palette (F1 su Windows e Linux, Shift + Cmd + P su Mac). Non devi fare nient'altro, basta digitare il comando Idiota all'interno della palette dei comandi e ottieni un elenco a discesa dei comandi disponibili tra cui scegliere rapidamente.

Operazioni Git avanzate

Finora, abbiamo esaminato come utilizzare le operazioni Git di base in Visual Studio Code per tracciare il nostro lavoro. VS Studio Code ha anche avanzato funzionalità Git, come la gestione di repository remoti, conflitti di fusione e persino la possibilità di configurare VS Code come editor Git esterno.

Il Marketplace di codice di Visual Studio contiene anche estensioni correlate a Git che possono rendere il tuo flusso di lavoro Git ancora più professionale.

Io stesso ho trovato l'estensione Git History molto utile, in quanto consente di dare rapidamente un'occhiata ai dettagli di ogni commit e di confrontare i due precedenti commit fianco a fianco. Puoi anche leggere l'estensione Git History nel mio precedente articolo sulle estensioni VS Code per gli sviluppatori front-end.