Versionskontroll i Visual Studio Code med Git [Guide]

Integrerat Git stöd är en av de största funktionerna i Visual Studio Code, Microsofts nya källkodredigerare. Git är en distribuerat versionsstyrningssystem, som låter dig spåra ditt arbete, flytta fram och tillbaka mellan versioner och arbeta på olika grenar samtidigt. Den används också av Github, den populära Git repository webbhotell.

Visual Studio Code stödjer Git som standard, vilket innebär att du inte behöver installera några paket eller tillägg för att använda den. Sidobalken innehåller en separat Git Visa att du snabbt kan öppna genom att klicka på Git ikonen i visningsfältet (se VS-kodens delar) eller genom att trycka på Ctrl + Shift + G-tangenten.

Installera Git

Som Visual Studio Code använder Git-installationen på din dator, först måste du installera Git. Du kan snabbt ladda ner den från Gits officiella hemsida. Du måste installera åtminstone version 2.0.0 att göra VS-kodens Git-funktioner fungerar korrekt.

Även om Visual Studio Code tillåter dig att hantera Git visuellt, om du också vill lära dig hur du använder Git från kommandoraden, här är några användbara resurser:

Githubs interaktiva Git handledning
Atlassian's Git handledning - Atlassian är företaget bakom Bitbucket källkod värdplattform (liknande Github)
Atlassians Git Cheat Sheet (PDF) - det här är det snabbaste sättet om du redan har använt Git, men kommer inte ihåg en eller två kommandon
Hela Pro Git handboken

Initiera ditt arkiv

Om ditt arbetsområde ännu inte spåras av Git behöver du först initiera ett nytt förråd. För att göra så klickar du på Initialize git repository knappen i Git View.

VS-koden skapar en .git mappen inuti din arbetsyta (Du kan inte se detta från VS-koden, eftersom det är en dold katalog, men du kan hitta den i din filhanterare i projektets rotmapp), och det kommer också att lägg till dina ospårade filer till sidobaren.

Stegförändringar

När ditt Git-förråd har installerats är det dags att skapa ditt första engagemang (ett åtagande är en inspelad status för hela ditt arkiv, du kan senare flytta tillbaka till). Innan du förbinder dig måste du lägga till de filer du vill spåra med Git till staging-området, eller med andra ord behöver du skifta förändringarna. Klicka på + -knappen som visas på svängen bredvid varje fil för att placera dem.

När du klickar på de filer du vill föra, flyttas Visual Studio Code från Förändringar mapp till Stegvisa förändringar mapp, det betyder att nu är de i stationeringsområdet. Om du vill Steg alla dina filer på en gång, Det finns en + knapp bredvid Förändringar textning också (den visas på svävaren) och klicka på den.

Begå förändringar

Inspelade ändringar är ännu inte inspelade, du behöver också begå dem, så att du senare kan titta på eller flytta tillbaka till aktuellt tillstånd i ditt förråd. För att begå de stegvisa förändringarna behöver du lägg till ett commit-meddelande som beskriver de förändringar du gjort sedan ditt tidigare engagemang.

Som i vårt exempel kommer det att bli det första engagemanget, låt oss använda slående “Ursprungligt engagemang” meddelande. Skriv ditt engagemang in i inmatningsfältet längst upp i sidobaren och klicka på på den lilla kryssningsikonen. Nu är du redo med ditt första engagemang, det ursprungliga läget för ditt förteckning registreras.

Din Git-arbetskatalog är ren, alla ändringar du gjort hittills spåras och din Git View säger att det finns 0 ändringar (det jämför alltid med ditt senaste engagemang). Om du gör nya ändringar i arbetsytan kommer de nya ändringarna att visas igen i Sidpanelen, och du behöver begå dem igen när de nådde det belopp som är värt att begå.

På skärmdumpen nedan kan du se hur kodredigeraren behöver se ut direkt efter att ha begått.

Följ ändringar

När du fortsätter med ditt arbete, om du inte är säker på hur den aktuella versionen jämförs med ditt senaste engagemang, kan du snabbt kontrollera skillnaderna. I Git View behöver du bara dubbelklicka på filen du vill analysera, och VS-koden visar nuvarande och tidigare versioner sida vid sida, så du kan snabbt jämföra dem.

När man talar om följande ändringar är det också viktigt att veta om Visual Studio Code takrännor som annoterar ändringarna jämfört med ditt tidigare åtagande, även om sidan vid sida inte är öppen. VS-kod används 3 typer av takrännor:

en röd triangel för varje raderad radering
en grön bar för varje radtillägg
en blå bar för varje linje modifiering

Skapa grenar

Git tillåter dig att arbeta på olika grenar på samma gång. Det här är inte bara bra för att experimentera med nya lösningar, men kan också avsevärt underlätta lagarbete där utvecklare kan arbeta på olika grenar (men det är inte obligatoriskt, eftersom de också kan vara i samma gren).

I Visual Studio Code kan du skapa nya grenar genom att öppna snabbkorrigeringspaletten genom att trycka på Ctrl + P (Cmd + P på Mac) och sedan skriva in git grenen kommandot i inmatningsfältet. Du måste också lägga till namnet på din nya fil till slutet av kommandot.

Som namnet på den nya filialen i vårt exempel kommer att vara testet-gren, Jag ska använda git-filialtestgren kommando, men du kan använda något annat namn. I vänstra sidan av statusfältet (blå stapel längst ned på skärmen) kan du alltid snabbt kolla vilken gren du arbetar för närvarande. På skärmdumpen nedan kan du se att jag är närvarande på bemästra gren.

Checkout Branches

Till växla mellan grenar, typ git checkout in i paletten Snabböppnare (Ctrl + P / Cmd + P), och du kan välja bland dina tillgängliga grenar. På skärmdumpen nedan kan du se från statusfältet som jag för närvarande är på den gren som heter testa (Jag skapade den efter testet-gren), och om jag vill flytta till en annan filial kan jag nu välja från bemästra och testet-gren grenar.

Använd Git-kommandon från kommandopalen

Du kan komma åt Git-kommandon från kommandopalen (F1 på Windows och Linux, Shift + Cmd + P på Mac) också. Du behöver inte göra något annat, skriv bara kommandot Git inuti kommandopalen, och du får en rullgardinslista med tillgängliga kommandon som du snabbt kan välja mellan.

Advanced Git Operations

Hittills har vi tittat på hur man använder grundläggande Git-operationer i Visual Studio Code för att spåra vårt arbete. VS Studio Code har även avancerade Git-funktioner, till exempel hantering av fjärrförråd, sammanslagning av konflikter, och du kan även konfigurera VS-kod som din externa Git-redigerare.

Marknadsplatsen för Visual Studio Code innehåller också Git-relaterade tillägg som kan göra ditt Git-arbetsflöde ännu mer professionellt.

Jag själv fann att förlängningen Git History var väldigt användbar, eftersom det gör det möjligt att snabbt titta på detaljerna för varje engagemang och jämföra två tidigare förbindelser sida vid sida. Du kan också läsa i Git History-tillägget i min tidigare artikel om VS-kodtillägg för utvecklare i fronten.