Version Control i Visual Studio Code med Git [Guide]

Integreret Git support er en af ​​de største funktioner i Visual Studio Code, Microsofts nye kildekode editor. Git er en distribueret version kontrol system, Det giver dig mulighed for at spore dit arbejde, flytte frem og tilbage mellem versioner og arbejde på forskellige grene på samme tid. Den bruges også af Github, den populære Git repository hosting service.

Visual Studio Code understøtter Git som standard, hvilket betyder at du ikke behøver at installere pakker eller udvidelser til at bruge det. Sidebjælken indeholder en separat git Se, du kan hurtigt åbne ved at klikke på git ikonet i visningslinjen (se VS-kodens dele) eller ved at trykke på Ctrl + Shift + G-nøglen.

Installer Git

Som Visual Studio Code bruger Git-installationen af ​​din computer, Først skal du installere Git. Du kan hurtigt downloade den fra Git's officielle hjemmeside. Du skal installere i det mindste version 2.0.0 at gøre VS Code's Git-funktioner fungerer korrekt.

Selvom Visual Studio Code giver dig mulighed for administrere Git visuelt, hvis du også vil lære at bruge Git fra kommandolinjen, her er nogle nyttige ressourcer:

• Githubs interaktive Git tutorial
• Atlassian's Git tutorial - Atlassian er selskabet bag Bitbucket source code hosting platform (svarende til Github)
• Atlassians Git Cheat Sheet (PDF) - dette er den hurtigste måde, hvis du allerede har brugt Git, men husker ikke en eller to kommandoer
• Hele Pro Git håndbogen

Initialiser dit arkiv

Hvis dit arbejdsområde endnu ikke er sporet af Git, skal du først bruge det initialisere et nyt depot. For at gøre det skal du klikke på knappen Initialize git repository i Git View.

VS-kode vil oprette en .git mappe inde i dit arbejdsområde (Du kan ikke se dette fra VS-kode, da det er et skjult bibliotek, men du kan finde det i din filhåndtering i rodmappen til dit projekt), og det vil også Tilføj dine usporede filer til Side Bar.

Trinændringer

Når dit Git-depot er oprettet, er det tid til Opret dit første engagement (en commit er en optaget tilstand i hele dit lager, du kan senere flytte tilbage til). Før du forpligter dig, skal du tilføje de filer, du vil spore med Git til mellemrummet, eller med andre ord skal du fase ændringerne. Klik på + knappen, der vises på svæver ved siden af ​​hver fil for at placere dem.

Når du har klikket på de filer, du vil arrangere, flyttes Visual Studio Code fra Ændringer mappe til Trinvis ændringer mappe, det betyder at nu er de i mellemrummet. Hvis du vil trin alle dine filer på en gang, der er en + knap ved siden af Ændringer undertekst også (det vises på hover), og klik på det.

Forpligtelsesændringer

Iscenesatte ændringer er endnu ikke optaget, du skal også begå dem, så senere kan du se på eller flytte tilbage til Aktuel tilstand af dit lager. For at begå de iscenesatte ændringer skal du Tilføj en commit-besked der beskriver de ændringer, du har foretaget siden din tidligere commit.

Som i vores eksempel vil dette være den oprindelige begå, lad os bruge slående “Oprindelig forpligtelse” besked. Skriv din commit-besked ind i indgangslinjen øverst i sidebjælken og klik på på den lille krydsikon. Nu er du klar med din første begivenhed, den oprindelige tilstand af dit depot er optaget.

Din Git-arbejdsmappe er ren, alle de ændringer, du har foretaget indtil nu, spores, og din Git View siger, at der er 0 ændringer (det sammenligner altid med din sidste commit). Hvis du laver nye ændringer i dit arbejdsområde, vises de nye ændringer igen i sidelinjen, og du skal bruge det forpligte dem igen når de nåede det beløb, der er værd at begå.

På skærmbilledet nedenfor kan du se, hvordan din kode redaktør skal se ud lige efter at have begået det.

Følg ændringer

Når du fortsætter med dit arbejde, hvis du ikke er sikker på, hvordan den aktuelle version sammenligner med din sidste begivenhed, kan du hurtigt kontrollere forskellene. I Git View, behøver du kun at Dobbeltklik på den fil, du vil analysere, og VS-koden viser de aktuelle og de tidligere versioner side om side, så du kan hurtigt sammenligne dem.

Når man taler om følgende ændringer, er det også vigtigt at vide om Visual Studio Code's røgindikatorer der annoterer ændringerne i forhold til din tidligere commit, selv når side ved side visning ikke er åben. VS-kode bruger 3 typer af ristindikatorer:

1. -en rød trekant for hver linje sletning
2. -en grøn bar for hver linje tilføjelse
3. -en blå bar for hver linje modifikation

Opret grene

Git giver dig mulighed for arbejde på forskellige grene på samme tid. Det er ikke kun godt at eksperimentere med nye løsninger, men kan også betydeligt lette teamwork, hvor udviklere kan arbejde på forskellige brancher (dog dette er ikke obligatorisk, da de også kan være på samme gren).

I Visual Studio Code kan du skabe nye grene ved at åbne Quick Open-paletten ved at trykke Ctrl + P (Cmd + P på Mac) og derefter skrive git branchen kommando ind i input linjen. Du skal også tilføje navnet på din nye filial til slutningen af ​​kommandoen.

Som navnet på den nye gren i vores eksempel vil være test-gren, Jeg vil bruge git branch filial branchen kommando, men du kan bruge et hvilket som helst andet navn. I venstre side af statuslinjen (blå bjælke nederst på skærmen) kan du altid hurtigt kontrollere, hvilken gren du arbejder på. På skærmbilledet nedenfor kan du se, at jeg er i øjeblikket på mestre afdeling.

Checkout Branches

Til skift mellem grene, type git checkout ind i paletten Hurtig åbning (Ctrl + P / Cmd + P), og du kan vælge mellem dine tilgængelige filialer. På skærmbilledet nedenfor kan du se fra statuslinjen, som jeg for øjeblikket står på filialen, der hedder prøve (Jeg lavede det efter test-gren), og hvis jeg vil flytte til en anden gren, kan jeg nu vælge fra mestre og test-gren grene.

Brug Git-kommandoer fra kommandopaletten

Du kan også få adgang til Git-kommandoer fra kommandopaletten (F1 på Windows og Linux, Shift + Cmd + P på Mac). Du behøver ikke gøre noget andet, skriv bare kommandoen git inde i Command Palette, og du får en dropdown liste over de tilgængelige kommandoer, du hurtigt kan vælge fra.

Advanced Git Operations

Indtil videre har vi set på, hvordan man bruger grundlæggende Git-operationer i Visual Studio Code til at spore vores arbejde. VS Studio Code har også avancerede Git-funktioner, som f.eks. Administration af fjernlager, sammenlægning af konflikter, og du kan endda konfigurere VS Code som din eksterne Git editor.

Markedet for Visual Studio Code Marketplace indeholder også Git-relaterede udvidelser, der kan gøre din Git-arbejdsgang endnu mere professionel.

Jeg fandt mig selv, at forlængelsen Git History er meget nyttig, da det gør det muligt hurtigt at kigge på detaljerne i hver commit og sammenligne de to tidligere begås side om side. Du kan også læse i Git History-udvidelsen i min tidligere artikel om VS-kodeudvidelser til front-end-udviklere.