Kontrola verzija u Visual Studio kodu s Git-om [Vodič]

Integrirana podrška za Git je jedna od najvećih značajki Visual Studio Codea, novog Microsoftovog editora izvornog koda. Git je distribuirani sustav kontrole verzija, koji vam omogućuje da pratite svoj rad, da se krećete naprijed i natrag između verzija i da radite na različitim granama u isto vrijeme. Koristi ga i Github, popularna usluga hostinga Git repozitorija.

Visual Studio Code prema zadanim postavkama podržava Git, što znači da ne morate instalirati nikakve pakete ili proširenja da biste ga koristili. Bočna traka sadrži odvojenu Git Prikaz možete brzo otvoriti klikom na Git u prikaznoj traci (pogledajte dijelove VS koda) ili pritiskom na Ctrl + Shift + G.

Instalirajte Git

Kao Visual Studio Code koristi Git instalaciju vašeg računala, prvo morate instalirati Git. Možete ga brzo preuzeti s službene web-stranice tvrtke Git. Morate instalirati barem verzija 2.0.0 kako bi Git značajke VS koda ispravno funkcionirale.

Iako vam Visual Studio Code dopušta upravljati Git vizualno, ako želite naučiti i kako koristiti Git iz naredbenog retka, evo nekoliko korisnih resursa:

• Githubov interaktivni Git tutorial
• Atlassianov Git tutorial - Atlassian je tvrtka koja stoji iza Bitbucket platforme hostinga izvornog koda (slično Githubu)
• Atlassian Git Cheat Sheet (PDF) - to je najbrži način ako ste već koristili Git, ali ne pamtite jednu ili dvije naredbe
• Cijeli Pro Git priručnik

Inicijalizirajte spremište

Ako Git još ne prati vaš radni prostor, najprije ga trebate inicijalizirati novo spremište. Da biste to učinili, kliknite gumb Initialize git repozitorij u Git View.

VS kod će stvoriti .Git unutar radnog prostora (ovo ne možete vidjeti iz VS koda, jer je to skriveni direktorij, ali ga možete pronaći u upravitelju datoteka u korijenskoj mapi vašeg projekta), dodajte svoje datoteke bez traga u Side Bar.

Promjene u fazi

Nakon što je vaše Git spremište postavljeno, vrijeme je za stvorite početnu obvezu (urezivanje je zabilježeno stanje cijelog spremišta koje kasnije možete vratiti). Prije izvršenja morate dodati datoteke koje želite pratiti pomoću programa Git u područje skretanja ili drugim riječima postavite promjene. Kliknite gumb + koji se pojavljuje na lebdenju pored svake datoteke da biste ih postavili.

Nakon što kliknete na datoteke koje želite postaviti, Visual Studio Code se pomiče iz promjene u mapu Fazirane promjene to znači da su sada u području skijanja. Ako želiš Istaknite sve svoje datoteke odjednom, pored gumba nalazi se gumb + promjene i titl (pojavljuje se na lebdenju) i kliknite na njega.

Urezivanje izmjena

Regulirane promjene još nisu zabilježene, također trebate počiniti ih, tako da kasnije možete pogledati ili se vratiti na trenutno stanje spremišta. Da biste izvršili stupnjevane promjene, morate to učiniti dodajte poruku urezivanja koji opisuje promjene koje ste napravili od prethodnog urezivanja.

Kao što je u našem primjeru to će biti početna obveza, upotrijebimo udaranje “Initial Commit” poruka. Upišite poruku urezivanja u traku za unos na vrhu bočne trake, a zatim kliknite na maloj ikoni. Sada ste spremni s prvim urezivanjem, zapisano je početno stanje vašeg spremišta.

Vaš Git radni direktorij je čist, prate se sve promjene koje ste do sada napravili, a vaš Git View kaže da postoji 0 promjena (uvijek se uspoređuje s vašim zadnjim urezivanjem). Ako napravite nove promjene u svom radnom prostoru, nove će se promjene ponovno pojaviti u Side Baru i morat ćete ponovno ih počinite kada dostignu iznos koji vrijedi učiniti.

Na slici ispod možete vidjeti kako urednik koda mora izgledati odmah nakon izvršenja.

Slijedite izmjene

Kada nastavite s radom, ako niste sigurni kako se trenutna verzija može usporediti s vašim zadnjim urezivanjem, možete brzo provjeriti razlike. U Git Viewu samo trebate dvaput kliknite na datoteku koju želite analizirati, i VS kod će prikazati trenutnu i prethodnu verziju rame uz rame, tako da možete brzo ih usporedite.

Kada govorimo o sljedećim promjenama, važno je znati i za Visual Studio Code indikatori oluka koje bilježe promjene u usporedbi s vašim prethodnim urezivanjem, čak i kada pogled sa strane nije otvoren. VS kod koristi 3 vrste indikatora oluka:

1. crveni trokut za svako brisanje redaka
2. zelena traka za svaki dodatak retka
3. plava traka za svaku izmjenu linije

Napravite grane

Git vam omogućuje rad na različitim granama u isto vrijeme. Ovo nije samo dobro za eksperimentiranje s novim rješenjima, već može značajno olakšati timski rad gdje programeri mogu raditi na različitim granama (međutim, to nije obavezno, jer također mogu ostati na istoj grani).

U Visual Studio Code možete stvoriti nove grane otvaranjem palete Quick Open tako da pritisnete Ctrl + P (Cmd + P na Macu), a zatim upišete git grana naredbu u traku za unos. Također trebate dodati ime vaše nove grane na kraj naredbe.

Kao što će biti ime nove grane u našem primjeru Test-grana, Ja ću iskoristiti git grana test-grana ali možete koristiti bilo koje drugo ime. Na lijevoj strani statusne trake (plava traka na dnu zaslona) uvijek možete brzo provjeriti na kojoj grani trenutno radite. Na slici ispod možete vidjeti da sam trenutno na ovladati; majstorski grana.

Podružnice Checkout

Do prebacivanje između grana, tip git checkout u paletu Quick Open (Ctrl + P / Cmd + P), a možete birati između dostupnih grana. Na donjoj slici zaslona možete vidjeti iz statusne trake koju sam trenutno nazvao test (Ja sam ga stvorio poslije Test-grana), a ako se želim premjestiti u drugu granu, sada mogu odabrati iz ovladati; majstorski i Test-grana grane.

Koristite Git naredbe iz palete naredbi

Možete pristupiti Git naredbama iz palete naredbi (F1 na Windowsima i Linuxu, Shift + Cmd + P na Macu). Ne morate učiniti ništa drugo, samo upišite naredbu Git unutar palete naredbi, i dobit ćete padajući popis dostupnih naredbi koje možete brzo odabrati.

Napredne Git operacije

Do sada smo gledali kako koristiti osnovne Git operacije u Visual Studio Codeu kako bismo pratili naš rad. Kôd VS Studio ima i napredne Git značajke, kao što je upravljanje udaljenim repozitorijima, spajanje sukoba, a čak možete konfigurirati VS kod kao vanjski Git editor.

Visual Studio Code Marketplace također sadrži proširenja povezana s Git-om koja mogu učiniti vaš Git tijek rada još profesionalnijim.

I sam sam smatrao da je proširenje Git History vrlo korisno, jer omogućuje da se brzo pogledaju detalji svakog urezivanja i da se usporede sve dvije prethodne obveze jedna uz drugu. Također možete pročitati na proširenju povijesti Git u mom prethodnom članku o proširenjima VS koda za prednje razvojne programere.