Versjonskontroll i Visual Studio Code med Git [Guide]

Integrert Git-støtte er en av de største funksjonene i Visual Studio Code, Microsofts nye kildekode editor. Git er en distribuert versjon kontrollsystem, som lar deg spore arbeidet ditt, flytte frem og tilbake mellom versjoner, og jobbe på forskjellige grener på samme tid. Den brukes også av Github, den populære Git repository hosting service.

Visual Studio Code støtter Git som standard, noe som betyr at du ikke trenger å installere noen pakker eller utvidelser for å bruke den. Sidebaret inneholder en separat Git Se at du kan åpne raskt ved å klikke på Git ikonet i visningsfeltet (se VS-kodens deler), eller ved å trykke på Ctrl + Shift + G-nøkkelen.

Installer Git

Som Visual Studio Code bruker Git-installasjonen på datamaskinen din, Først må du installere Git. Du kan raskt laste den ned fra Gits offisielle nettside. Du må installere i det minste versjon 2.0.0 å gjøre VS Code's Git-funksjoner fungerer som de skal.

Selv om Visual Studio Code lar deg administrere Git visuelt, hvis du også vil lære å bruke Git fra kommandolinjen, her er noen nyttige ressurser:

Githubs interaktive Git-veiledning
Atlassians Git-veiledning - Atlassian er selskapet bak Bitbucket kildekoden hosting plattform (ligner Github)
Atlassians Git Cheat Sheet (PDF) - dette er den raskeste måten hvis du allerede har brukt Git, men husker ikke en eller to kommandoer
Hele Pro Git håndboken

Initialiser ditt arkiv

Hvis arbeidsområdet ditt ennå ikke er sporet av Git, må du først initier et nytt lager. For å gjøre det, klikk på Initialize git repository knappen i Git View.

VS-koden vil opprette en .git mappe inne i arbeidsområdet ditt (Du kan ikke se dette fra VS-koden, da det er en skjult katalog, men du kan finne den i filbehandleren i rotmappen til prosjektet ditt), og det vil også legg til dine usporte filer til sidelinjen.

Stageendringer

Etter at Git-depotet er satt opp, er det på tide å opprett din første forpliktelse (en forpliktelse er en registrert tilstand av hele lageret ditt, du kan senere flytte tilbake til). Før du forplikter deg, må du legge til filene du vil spore med Git til oppsamlingsområdet, eller med andre ord må du Skift endringene. Klikk på + -knappen som vises på svever ved siden av hver fil for å fase dem.

Etter at du har klikket på filene du vil arrangere, flyttes Visual Studio Code fra Endringer mappe til Trinnvis endringer mappe, det betyr at nå er de i oppsamlingsområdet. Hvis du vil fase alle filene dine samtidig, det er en + knapp ved siden av Endringer undertekst også (det vises på hover), og klikk på det.

Forstå endringer

Skuespillede endringer er ikke registrert ennå, du må også forplikte dem, slik at du senere kan se på eller flytte tilbake til Nåværende tilstand for ditt lager. For å begå de iscenesatte endringene, må du legg til en commit-melding som beskriver endringene du har gjort siden forrige forpliktelse.

Som i vårt eksempel vil dette være den første forpliktelsen, la oss bruke slående “Innledende forpliktelse” budskap. Skriv inn meldingen din inn i inntastingslinjen øverst på sidelinjen, og klikk på det lille kryssikonet. Nå er du klar med din første forpliktelse, den opprinnelige tilstanden til ditt arkiv er registrert.

Git-arbeidskatalogen din er ren, alle endringene du har gjort så langt, spores, og Git View-meldingen sier at det er 0 endringer (det sammenlignes alltid med ditt siste forpliktelse). Hvis du lager nye endringer i arbeidsområdet, vises de nye endringene på sidelinjen igjen, og du må forplikte dem igjen når de nådde beløpet som er verdt å begå.

På skjermbildet nedenfor kan du se hvordan kodeditoren din må se ut like etter at du har begått det.

Følg endringer

Når du fortsetter med arbeidet ditt, hvis du ikke er sikker på hvordan den nåværende versjonen sammenligner med din siste forpliktelse, kan du raskt sjekke forskjellene. I Git View, trenger du bare å dobbeltklikk på filen du vil analysere, og VS-koden vil vise gjeldende og forrige versjoner side om side, slik at du kan raskt sammenligne dem.

Når du snakker om følgende endringer, er det også viktig å vite om Visual Studio Code takrør indikatorer som annoterer endringene i forhold til tidligere forpliktelser, selv om side ved sidevisning ikke er åpen. VS-kode bruker 3 typer takrørindikatorer:

en rød trekant for hver linje sletting
en grønn bar for hver linje tillegg
en blå bar for hver linje modifikasjon

Lag grener

Git lar deg jobbe på forskjellige grener samtidig. Dette er ikke bare bra for å eksperimentere med nye løsninger, men kan også betydelig legge til rette for samarbeid hvor utviklere kan jobbe på forskjellige grener (men dette er ikke obligatorisk, da de også kan være i samme gren).

I Visual Studio Code kan du skape nye grener ved å åpne Quick-paletten ved å trykke Ctrl + P (Cmd + P på Mac), og deretter skrive inn git grenen kommando inn i inntastingslinjen. Du må også legge til navnet på den nye grenen til slutten av kommandoen.

Som navnet på den nye grenen i vårt eksempel vil være test-gren, Jeg skal bruke git grenen test-grenen kommando, men du kan bruke noe annet navn. I venstre side av statuslinjen (blå bjelke nederst på skjermen) kan du alltid raskt sjekke hvilken gren du arbeider for. På skjermbildet under, kan du se at jeg er for tiden på herre gren.

Checkout Grener

Til bytte mellom grener, type git kassen inn i paletten Hurtig åpning (Ctrl + P / Cmd + P), og du kan velge mellom tilgjengelige grener. På skjermbildet nedenfor kan du se fra statuslinjen som jeg for øyeblikket står på grenen test (Jeg opprettet det etter test-gren), og hvis jeg vil flytte til en annen gren, kan jeg nå velge fra herre og test-gren grener.

Bruk Git-kommandoer fra kommandopaletten

Du kan få tilgang til Git-kommandoer fra kommandopaletten (F1 på Windows og Linux, Shift + Cmd + P på Mac) også. Du trenger ikke å gjøre noe annet, bare skriv inn kommandoen Git inne i kommandopaletten, og du får en rullegardinliste over de tilgjengelige kommandoene du raskt kan velge mellom.

Avansert Git Operations

Så langt har vi sett på hvordan du bruker grunnleggende Git-operasjoner i Visual Studio Code for å spore arbeidet vårt. VS Studio Code har også avanserte Git-funksjoner, som for eksempel å administrere eksterne arkiver, sammenslåing av konflikter, og du kan til og med konfigurere VS Code som din eksterne Git editor.

Visual Studio Code Marketplace inneholder også Git-relaterte utvidelser som kan gjøre Git-arbeidsflyten enda mer profesjonell.

Jeg fant meg selv at forlengelsen Git History er veldig nyttig, da det gjør det mulig å raskt se på detaljene til hvert forpliktelse, og å sammenligne to tidligere forpliktelser side om side. Du kan også lese om Git History-utvidelsen i min forrige artikkel om VS-kodeutvidelser for front-end-utviklere.