Kako raditi s Gitom u Visual Studiju i Visual Studio Codeu: Potpun, ažuriran vodič

Ako ste programer ili vas jednostavno zanima efikasan rad sa vašim kodnim projektima, sigurno ste čuli za ići i njegovu integraciju u najpopularnije editore, kao što su Visual Studio y Visual Studio Code. Kontrola verzija je od opcije postala stvarna potreba za svaki razvojni tim, ali da li zaista znate koliko daleko možete stići upravljanjem svojim repozitorijima, granama i saradnjom iz samog editora? U ovom članku ćemo vam, od nule i detaljno, objasniti kako da izvučete maksimum iz Gita unutar Visual Studio porodice, bez obzira da li se nalazite u... Windows kao i u drugim sistemima, radeći samostalno ili u timu.

Hajde da detaljnije pogledamo kako kreiranje, kloniranje i upravljanje repozitorijima, kako integrirati glavne eksterne provajdere repozitorija (GitHub, Azure DevOps, GitLab), kako riješiti konflikte, prilagoditi Git opcije u IDE-u i dobar dio trikovi kako bi vaš radni proces bio agilan, siguran i prilagođen vama. Bez obzira da li ste novi u ovim okruženjima ili ste ovdje već godinama, evo sveobuhvatnog, ažuriranog vodiča prepunog praktičnih savjeta korak po korak, napisanih jednostavnim jezikom.

Zašto koristiti Git ugrađen u Visual Studio i Visual Studio Code?

Sistem kontrole verzija ići je, danas, de facto standard za održavanje sigurna, koordinirana i efikasna historija bilo kojeg razvojnog projekta, bilo individualnog ili kolaborativnog. Najbolje od svega je to što Visual Studio (i u svojim izdanjima i u Visual Studio Code-u, njegovom "mlađem bratu" i lakšem) ima veoma moćna izvorna Git integracija, što vam omogućava da potpuno zaboravite na liniju naredbe ako više volite.

Kada radite sa Gitom iz ovih okruženja, možete:

• Kreiraj nove repozitorije, i lokalno i udaljeno, uz samo nekoliko klikova.
• Kloniraj postojeće projekte sa GitHub-a, GitLaba, Azure DevOps-a ili bilo kojeg drugog podržanog provajdera.
• Upravljajte granama, potvrđujte promjene i sinhronizujte ih bez napuštanja urednika.
• Vizuelno rješavajte konflikte i jednostavno, bez gubljenja među čudnim naredbama.
• Konfigurišite i prilagodite svoje iskustvo u potpunosti sa Gitom prema vašim potrebama.

Visual Studio Ističe se po tome što ima jedan od potpuniji i vizualniji interfejsi za rukovanje Gitom, posebno optimizovan za rad sa repozitoriji na GitHub-u i Azure DevOps-u. Sa svoje strane, Visual Studio Code Idealan je ako tražite nešto lagano i višeplatformsko, s desetinama ekstenzija koje proširuju izvorne mogućnosti.

Početak: Preduslovi i instalacija

Prije nego što počnete raditi s Gitom, provjerite imate li:

• Git instaliran na vašem sistemu. Verziju za vaš operativni sistem možete preuzeti sa git-scm.com. Visual Studio ga obično automatski detektuje, ali u nekim slučajevima ćete morati ručno navesti putanju.
• Visual Studio ili Visual Studio Code instalirano. Gitova integracija je uključena u najnovije verzije oba editora.
• (Neobvezno) Račun na GitHub-u, GitLabu ili Azure DevOps-u ako ćete raditi s udaljenim repozitorijima. Nije neophodno za lokalni repozitorij, ali se toplo preporučuje ako želite uživati ​​u sinhronizaciji i saradnji.

Nakon što je sve instalirano, možete početi koristiti Git u svojim projektima iz samog editora. Detaljno opisujemo korake u sljedećim odjeljcima.

Kreiranje i kloniranje repozitorija u Visual Studiju

Visual Studio vam znatno olakšava kreirajte novo spremište od nule ili klonirajte postojeći. Prvo što trebate učiniti je odlučiti hoćete li raditi lokalno (u vašem timu) ili na daljinu (repozitoriji u oblaku, bilo da se radi o GitHubu, GitLabu ili Azure DevOpsu).

Kako kreirati novi repozitorij iz Visual Studija

1. Otvorite Visual Studio i odaberite Kreirajte novi projekat.
2. Idite na meni ići i biraj Kreiraj Git repozitorij.
3. Otvorit će se dijaloški okvir u kojem možete odabrati:
   • GitHub kao udaljeni cilj (uobičajeno, posebno u Visual Studiju 2022 i novijim verzijama).
   • Azure DevOps ako radite u poslovnom okruženju.
   • Samo lokalno ako želite da repozitorij bude isključivo na vašem računaru.
4. Možete postaviti naziv, vidljivost (javna, privatna ili interna) i odabrati predložak. .gitignore kako biste izbjegli učitavanje neželjenih datoteka.
5. Kliknite na Kreiraj i gurni kreirati repozitorij i, ako je primjenjivo, prenijeti projekt u oblak.

U modernim verzijama Visual Studija, proces je praktično identičan za kreiranje repozitorija u GitHub ili Azure DevOps. Asistent će korak po korak vodič i omogućava vam da se prijavite na svoj račun ako to već niste učinili.

Klonirajte eksterni repozitorij na vašem računaru

Da biste radili s projektom koji već postoji na GitHub-u, GitLabu ili nekom drugom provajderu, potrebno vam je samo URL repozitorija:

1. Otvorite Visual Studio i odaberite Kloniraj repozitorij iz Git menija.
2. Zalijepite URL projekta (možete ga kopirati u međuspremnik sa vlastite web stranice repozitorija, gdje se dugme pojavljuje kod o Klon).
3. Odaberite mapu na računaru u koju želite sačuvati lokalnu kopiju.
4. Visual Studio će preuzeti sav sadržaj i otvoriti ga direktno, učitavajući glavno rješenje ako ga detektuje (.sln).

Također možete otvoriti postojeće lokalne repozitorije ili se praktično prebacivati ​​između njih iz Git menija.

Rad sa repozitorijima u Visual Studio Code-u

Ako više volite Visual Studio Code, proces je vrlo sličan, iako je interfejs nešto minimalističkiji.

Kreirajte novi repozitorij pomoću Visual Studio Code-a

Repozitorij možete pokrenuti direktno iz editora ili pomoću terminal integrirani:

1. Otvorite fasciklu projekta u VS Code-u.
2. Idite na karticu Kontrola izvornog koda (ikona viljuške) u lijevoj bočnoj traci.
3. Kliknite na Pokreni repozitorij. Bit će kreirana mapa .git u vašem projektu.
4. Možete provjeriti da li je ispravno kreirano pokretanjem ls -la u terminalu da biste vidjeli skriveni direktorij .git.

Kloniranje repozitorija u Visual Studio Code-u

1. Odaberite opciju Kloniraj repozitorij (ili sa bočne trake ili korištenjem Ctrl + Shift + P i kucanjem „Git: Klon“).
2. Zalijepite URL vašeg GitHuba, GitLaba, Azure DevOpsa ili bilo kojeg drugog udaljenog repozitorija.
3. Odaberite lokalni direktorij u koji želite klonirati sadržaj.
4. VS Code će vas pitati želite li direktno otvoriti klonirani folder.

Ovo vam omogućava da za nekoliko sekundi započnete s bilo kojim javnim ili privatnim projektom kojem imate pristup.

Upravljanje datotekama i promjenama: Osnovni Git ciklus

Prilikom rada s Gitom, osnovni tok je sljedeći dodavanje, mijenjanje ili brisanje datoteka, zabilježite promjene u počiniti i konačno gurati te promjene u udaljenom repozitoriju ako postoji. I Visual Studio i VS Code pojednostavljuju i vizualiziraju ovaj ciklus, štedeći vas od pamćenja komandi.

Kategorije datoteka u Gitu

• Nepraćene datoteke (U)Dodani su u mapu repozitorija, ali Git ih još ne kontrolira. Obično se pojavljuju sa slovom U ili istaknuto negdje u interfejsu.
• Novi fajlovi (A)Dodato u područje pripreme, spremno za potvrdu.
• Izmijenjene datoteke (M)Već postoje u repozitoriju i promijenjeni su.

U kontrolnim panelima izvornog koda možete odabrati koje datoteke želite dodati sljedećem commitu, pregledati razlike (diffove) između verzija i poništiti promjene ako je potrebno.

Kako potvrditi (commit) i poslati (push) iz Visual Studija

1. Napravite željene promjene u datotekama.
2. Otvorite prozor Promjene u Gitu iz bočnog ili gornjeg menija.
3. Odaberite datoteke koje želite dodati u commit pomoću dugmeta "+" ili desnim klikom miša.
4. Napišite opisnu poruku za commit.
5. Kliknite na Potvrdite za lokalno spremanje.
6. Kada imate nekoliko commit-ova ili želite sinhronizovati promjene sa udaljenim repozitorijem, pritisnite Guraj o Sync.

U VS Code-u, proces je veoma sličan onome iz odjeljka Kontrola izvora. Možete koristiti prečice poput Ctrl + Enter za brzu potvrdu ili pritisnite ikone za "staze", potvrdite i pritisnite.

Vizualni indikatori u Visual Studio Code-u

VS Code koristi vizualne znakove na marginama koda kako bi prikazao status linija:

• Plave trakeBroj linija izmijenjenih od posljednjeg commita.
• Zelene trakeDodane su linije.
• Crveni trouglovi ili oznake: redovi izbrisani.

Osim toga, možete dvaput kliknuti na bilo koju izmijenjenu datoteku da biste vidjeli prikaz razlike poređenje trenutne i prethodne verzije.

Upravljanje podružnicama i kolaborativni tijek rada

Jedna od najvećih prednosti Gita je njegova snažan sistem grananja, što vam omogućava da radite na različitim linijama razvoja bez narušavanja promjena. I Visual Studio i VS Code nude jednostavne načine za kreiranje, prebacivanje i upravljanje granama.

Kreiranje i prebacivanje grana u Visual Studiju

• Sa prozora Promjene u Gitu ili Git repozitorij Možete vidjeti svoju trenutnu granu i prebacivati ​​se između postojećih.
• Da biste kreirali novu granu, jednostavno unesite naziv, odaberite granu na kojoj je želite bazirati i odaberite opciju za automatsko prebacivanje. Ekvivalentna naredba bi bila git checkout -b nombre-rama.
• Možete bazirati svoju granu na bilo kojoj drugoj grani (lokalnoj ili udaljenoj) i upravljati historijom iz prikaza grane.

Visual Studio prikazuje aktivnu granu i na vrhu prozora i u statusnoj traci.

Upravljanje granama u Visual Studio Code-u

U donjem lijevom uglu editora vidjet ćete naziv grane na kojoj radite. Klikom tamo možete:

• Prebacite se na drugu poslovnicu.
• Kreirajte novu granu.
• Izbrišite, preimenujte ili spojite lokalne grane.

Sve se ovo radi putem kontekstualnih menija i na vizuelan način.

Sinhronizacija, saradnja i zahtjevi za spajanje

Rad sa udaljenim repozitorijima uključuje sinhronizaciju vaše lokalne kopije sa "službenom" verzijom i, često, saradnju kao tima putem zahtjevi za povlačenjem o zahtjevi za spajanje, prema riječima dobavljača.

Promjene "push and pull"

• Kada napravite a počiniti, promjene se spremaju samo u vaš lokalni repozitorij. Čovjek mora gurati da ih prenesete na daljinski upravljač.
• Da biste ažurirali svoj repozitorij promjenama od drugih korisnika, koristite povući (preuzmite i primijenite nove commitove) ili dohvatiti (samo ih preuzmite bez primjene).
• Visual Studio i VS Code sadrže namjenske dugmad za ove radnje, što sinhronizaciju čini mnogo lakšom.

Zahtjevi za spajanje i zahtjevi za povlačenje

• Na platformama poput GitLaba ili GitHuba, glavne promjene se integriraju u glavnu granu korištenjem Zahtjev za spajanje o PullRequest.
• MR možete kreirati direktno na web stranici dobavljača nakon što ga pošaljete, navodeći izvornu i odredišnu granu, naslov, recenzente i opis promjena.
• Visual Studio i VS Code vam omogućavaju da pokrenete i pratite status ovih zahtjeva, iako se neke napredne operacije (kao što su dodjeljivanje recenzenata ili spajanje) često najbolje obavljaju putem web interfejsa.

Alati za rješavanje sukoba i poređenje

U svakom kolaborativnom toku rada, uobičajeno je susresti se sukobi spajanja. Do njih dolazi kada dva programera modificiraju iste linije, a Git ne može odlučiti koju da odabere. I Visual Studio i VS Code izuzetno olakšavaju otkrivanje i rješavanje ovih konflikata.

Kako otkriti i riješiti konflikte u Visual Studiju

• Kada dođe do sukoba, Visual Studio to jasno ukazuje u prozoru Git repozitorija i u odjeljku za promjene.
• Kada otvorite konfliktnu datoteku, vidjet ćete oznake poput <<<<<<< HEAD ... ======= ... >>>>>>> rama, ali Visual Studio prikazuje zlatnu informativnu traku na vrhu koja vam omogućava pristup uređivač vizualne fuzije.
• Ovaj urednik je trodimenzionalniMožete uporediti trenutne promjene, dolazne promjene i konačni rezultat spajanja, te lako odabrati koje promjene želite zadržati.
• Kada završite, samo potvrdite rezultat da biste dovršili rješenje.

Visual Studio Code, iako je po defaultu osnovniji, također omogućava vizualno rješavanje konflikata i može proširiti svoje opcije putem ekstenzija.

Napredna konfiguracija i prilagođavanje Gita u Visual Studiju

Ako želite da podignete kontrolu verzija na viši nivo, i Visual Studio i VS Code vam to omogućavaju prilagodite Git parametre prilagoditi vašem radnom procesu i specifičnim potrebama.

Najvažnije opcije konfiguracije

• Ime i e-mail adresa: Možete ih postaviti globalno ili za svaki projekat iz menija postavki Gita, i one će se pojavljivati ​​u svakom commitu.
• Upravljanje udaljenim poslovnicama: Preporučuje se da prilikom preuzimanja bude omogućena opcija brisanja zastarjelih udaljenih grana (fetch.prune (u Tačnom obliku).
• Politika spajanja (Rebase/Combine): Možete odabrati da li će se grane spajati korištenjem tradicionalnog spajanja ili rebase-ovanja, i globalno i po repozitoriju.
• Pružatelj kriptografske mreže: Možete birati između OpenSSL-a i Windows Secure Channela (SChannel) za upravljanje certifikatima i sigurnim vezama.
• Upravitelj akreditacija: Možete birati između GCM-a za Windows, GCM Core-a ili ostaviti zadane postavke.
• Alati za poređenje i spajanje: Možete koristiti Visual Studio kao zadani program za poređenje/spajanje ili definirati eksterni.
• .gitignore i gitattributes: Obje datoteke se mogu lako uređivati ​​iz naprednih opcija kako bi se kontrolisalo koje se datoteke prenose i kako se obrađuju određeni atributi.

Visual Studio također nudi specifične konfiguracije kao što su:

• Zadana lokacija kloniranih repozitorija.
• Opcije za zatvaranje otvorenih rješenja prilikom otvaranja drugog repozitorija.
• Automatsko učitavanje rješenja ako postoji samo jedan u repozitoriju.
• Dozvoli automatsko izdvajanje grana sa duplim klikom.
• Preuzmite slike autora iz Gravatara (da biste vidjeli fotografije u historiji).
• Dozvoli push sa –force-with-lease da biste sigurno prepisali promjene.