Versiebeheer in Visual Studio-code met Git [Guide]

Geïntegreerde Git-ondersteuning is een van de grootste functies van Visual Studio Code, de nieuwe broncode-editor van Microsoft. Git is a gedistribueerd versiebeheersysteem, waarmee je je werk kunt volgen, heen en weer kunt schakelen tussen versies en tegelijkertijd op verschillende branches kunt werken. Het wordt ook gebruikt door Github, de populaire hostingservice van Git repository.

Visual Studio-code ondersteunt Git standaard, wat betekent dat je geen pakketten of extensies hoeft te installeren om het te gebruiken. De zijbalk bevat een afzonderlijke Git Weergave die u snel kunt openen door op de. Te klikken Git pictogram in de weergavebalk (zie onderdelen van de VS-code) of door op de Ctrl + Shift + G-toets te drukken.

Installeer Git

Als Visual Studio-code maakt gebruik van de Git-installatie van uw computer, eerst moet je Git installeren. Je kunt het snel downloaden van de officiële website van Git. U moet installeren tenminste versie 2.0.0 om de Git-functies van VS Code goed te laten werken.

Hoewel Visual Studio Code u dit toestaat beheer Git visueel, als u ook wilt leren hoe Git te gebruiken vanaf de opdrachtregel, zijn hier enkele nuttige bronnen:

• Github's interactieve Git-zelfstudie
• Atlassian's Git tutorial - Atlassian is het bedrijf achter het Bitbucket source code hosting platform (vergelijkbaar met Github)
• Atlassian's Git Cheat Sheet (PDF) - dit is de snelste manier als je Git al hebt gebruikt, maar een of twee commando's niet meer weet
• Het volledige Pro Git-handboek

Initialiseer uw repository

Als uw werkruimte nog niet wordt bijgehouden door Git, moet u dit eerst doen initialiseer een nieuwe repository. Om dit te doen, klik je op de git repository knop Initialiseren in de Git View.

VS Code maakt een .git map in uw werkruimte (je kunt dit niet zien vanuit VS Code, omdat het een verborgen map is, maar je kunt het vinden in je bestandsbeheerder in de hoofdmap van je project), en het zal ook voeg je niet-gevonden bestanden toe aan de zijbalk.

Veranderingen in fasen

Nadat je Git-repository is ingesteld, is het tijd om maak je eerste commit (een commit is een opgenomen staat van je hele repository waar je later naar terug kunt gaan). Voordat u begint, moet u de bestanden die u wilt bijhouden met Git toevoegen aan het verzamelgebied, of met andere woorden, u moet toon de veranderingen. Klik op de + -knop die wordt weergegeven naast de muisaanwijzer naast elk bestand om ze te plaatsen.

Nadat u op de bestanden hebt geklikt die u wilt opvoeren, wordt Visual Studio Code verplaatst vanuit de Veranderingen map naar de Gefaseerde wijzigingen map, dat betekent dat ze nu zijn in het verzamelgebied. Als je wilt speel al je bestanden in één keer op, er is een + knop naast de Veranderingen ondertitel ook (verschijnt op zweeftekst) en klik erop.

Wijzigingen toewijzen

Gefaseerde wijzigingen zijn nog niet vastgelegd, u moet dit ook doen commit hen, zodat je later kunt kijken naar of terugkeren naar de huidige staat van uw repository. Als u de gefaseerde wijzigingen wilt uitvoeren, moet u dit doen voeg een commit-bericht toe die de wijzigingen beschrijft die je hebt aangebracht sinds je vorige commit.

Zoals in ons voorbeeld zal dit de initiële commit zijn, laten we de slag gebruiken “Initial Commit” bericht. Typ uw commit-bericht in de invoerbalk aan de bovenkant van de zijbalk en klik op op het kleine vinkje. Nu bent u klaar met uw eerste commit, de initiële status van uw repository wordt vastgelegd.

Uw Git-werkdirectory is schoon, alle wijzigingen die u tot nu toe hebt aangebracht, worden bijgehouden en uw Git-weergave zegt dat er 0 wijzigingen zijn (deze is altijd vergelijkbaar met uw laatste commit). Als u nieuwe wijzigingen in uw werkruimte aanbrengt, verschijnen de nieuwe wijzigingen opnieuw in de zijbalk en moet u dit doen commit ze opnieuw zodra ze het bedrag bereikten dat de moeite waard is.

Op de onderstaande schermafbeelding kunt u zien hoe uw codebewerker eruit moet zien onmiddellijk nadat hij heeft vastgelegd.

Volg wijzigingen

Wanneer u doorgaat met uw werk, als u niet zeker weet hoe de huidige versie zich verhoudt tot uw laatste commit, kunt u snel de verschillen controleren. In de Git View hoef je dat alleen maar te doen dubbelklik op het bestand dat u wilt analyseren, en de VS-code toont de huidige en de vorige versies naast elkaar, dus u kunt dit doen vergelijk ze snel.

Wanneer u spreekt over de volgende wijzigingen, is het ook belangrijk om te weten wat Visual Studio-codes zijn dakgoot indicatoren die annoteren de veranderingen in vergelijking met je vorige commit, zelfs als het zij aan zij zicht niet open is. VS Code gebruikt 3 soorten gootindicatoren:

1. een rode driehoek voor elke regelverwijdering
2. een groene balk voor elke regel toevoeging
3. een blauwe balk voor elke lijnwijziging

Maak filialen

Met Git kun je dat doen werken op verschillende takken tegelijkertijd. Dit is niet alleen goed voor het experimenteren met nieuwe oplossingen, maar kan teamwerk ook aanzienlijk vergemakkelijken, waarbij ontwikkelaars op verschillende locaties kunnen werken (dit is echter niet verplicht, omdat ze ook in dezelfde branche kunnen blijven).

In Visual Studio Code, kunt u nieuwe vestigingen creëren door het Quick Open-palet te openen door op Ctrl + P (Cmd + P op Mac) te drukken en het te typen git branch commando in de invoerbalk. U moet ook de naam van uw nieuwe branch toevoegen aan het einde van de opdracht.

Zoals de naam van de nieuwe branch in ons voorbeeld zal zijn proef-branch, Ik gebruik de git branch test-branch opdracht, maar u kunt elke andere naam gebruiken. Aan de linkerkant van de statusbalk (blauwe balk onderaan het scherm) kunt u altijd snel zien naar welke branche u momenteel aan het werken bent. Op de onderstaande schermafbeelding kun je zien dat ik momenteel op de meester tak.

Afrekenen vestigingen

Naar schakelen tussen takken, type git uitchecken in het palet Snel open (Ctrl + P / Cmd + P) en je kunt kiezen uit je beschikbare takken. Op de onderstaande schermafbeelding kunt u zien vanuit de statusbalk die ik momenteel op het filiaal ben genoemd test (Ik heb het daarna gemaakt proef-branch) en als ik naar een andere branch wil gaan, kan ik nu een selectie maken uit de meester en proef-branch takken.

Gebruik Git-opdrachten in het opdrachtenpalet

Je hebt ook toegang tot Git-opdrachten vanuit het opdrachtenpalet (F1 op Windows en Linux, Shift + Cmd + P op Mac). U hoeft niets anders te doen, typ gewoon de opdracht Git in het opdrachtenpalet en u krijgt een vervolgkeuzelijst met de beschikbare opdrachten waaruit u snel kunt kiezen.

Git-bewerkingen geavanceerd

Tot nu toe hebben we gekeken hoe we basis-Git-bewerkingen in Visual Studio-code kunnen gebruiken om ons werk bij te houden. VS Studio Code heeft ook geavanceerde Git-functies, zoals het beheren van opslagplaatsen op afstand, het samenvoegen van conflicten, en u kunt zelfs VS Code configureren als uw externe Git-editor.

De Visual Studio Code Marketplace bevat ook Git-gerelateerde extensies die uw Git-workflow nog professioneler kunnen maken.

Zelf vond ik de extensie Git History erg handig, want het maakt het mogelijk om snel naar de details van elke commit te kijken en om elke vorige twee commits naast elkaar te vergelijken. Je kunt ook lezen op de extensie Git History in mijn vorige artikel over VS Code-extensies voor front-end ontwikkelaars.