Share via


GitHub-opslagplaatsen beheren voor JavaScript-ontwikkeling in Visual Studio Code

Visual Studio Code biedt uitgebreide Git- en GitHub-integratie voor JavaScript-ontwikkelaars. Deze handleiding laat zien hoe u GitHub-opslagplaatsen rechtstreeks vanuit uw ontwikkelomgeving beheert, zodat u uw werkstroom kunt stroomlijnen van het maken van code tot de implementatie.

U leert hoe u bestaande opslagplaatsen opent, nieuwe projecten initialiseert, functiebranches maakt, wijzigingen doorvoert en pusht naar GitHub, allemaal zonder VS Code te verlaten. De handleiding bevat meerdere benaderingen voor elke taak, waaronder de activiteitenbalk, het opdrachtenpalet, de statusbalk en de geïntegreerde terminal, zodat u de methoden kunt kiezen die het beste werken voor uw ontwikkelstijl.

Vereiste voorwaarden

Uw externe opslagplaats openen

Open uw externe opslagplaats op uw lokale computer.

  1. De extensie voor de externe opslagplaats installeren
  2. Selecteer de externe indicator in de linkerbenedenhoek van Visual Studio Code.
  3. Volg de aanwijzingen.

Visual Studio Code maakt gebruik van Git-verificatie die wordt geleverd door het besturingssysteem (zoals macOS-sleutelhanger of Windows Credential Manager) met git-functionaliteit. Uitvoer is zichtbaar in Opdrachtpalet > Git: Git-uitvoer weergeven.

Verbinding maken met aangepaste GitHub-domeinen

In Visual Studio Code wordt standaard ervan uitgegaan dat uw opslagplaatsen worden gehost op github.com. Als u verbinding wilt maken met een opslagplaats in een ander domein (bijvoorbeeld een GitHub voor ondernemingen zoals github.<company_name>.com), moet u uw Git-pad dienovereenkomstig configureren.

Als u het Git-pad in VS Code wilt bijwerken, opent u Bestand → Voorkeuren → Instellingen en zoekt u naar Git: Path. Met deze instelling kunt u het absolute pad opgeven naar het uitvoerbare Git-bestand dat met uw aangepaste GitHub-domein werkt.

Schermopname van de zoekbalk met instellingen van Visual Studio Code voor git-pad.

U kunt ook de git.path-instelling rechtstreeks in uw settings.json-bestand toevoegen of bijwerken om ervoor te zorgen dat VS Code het juiste Binaire Git-bestand gebruikt voor alle bewerkingen in de opslagplaats.

Uw lokale opslagplaats openen

Als u een bestaande opslagplaats op uw lokale computer hebt en deze wilt openen in Visual Studio Code, opent u de map. Visual Studio Code herkent de .git submap en geeft de relevante informatie weer.

  1. Selecteer Ctrl + K + O.
  2. Selecteer de map .

Nieuwe opslagplaats initialiseren

Gebruik de volgende procedure om een lokale broncodeopslagplaats te maken met git.

  1. Selecteer broncodebeheer op de activiteitenbalk of gebruik de toetsencombinatie Ctrl + +

  2. Selecteer Opslagplaats initialiseren.

    Schermopname van Visual Studio met de knop Opslagplaats initialiseren.

Zodra de opslagplaats is geïnitialiseerd, maakt u de opslagplaats op GitHub. Voeg die opslagplaats vervolgens toe als een externe locatie voor uw lokale project vanuit het opdrachtpalet: zoek naar Git: Add remote.

Maak een tak voor wijzigingen

Maak een nieuwe vertakking om wijzigingen vast te leggen en te isoleren van de hoofd- of standaardbranch.

  1. Selecteer broncodebeheer op de activiteitenbalk.
  2. Selecteer het beletselteken (...) naast Broncodebeheer.
  3. Selecteer Vertakking ->.

Wijzigingen lokaal doorvoeren

Zodra u wijzigingen aanbrengt in bestanden in uw vertakking, voert u de wijzigingen door.

  1. Selecteer broncodebeheer op de activiteitenbalk.

  2. Voer uw doorvoerbericht in en selecteer Doorvoeren.

    Schermopname van het toevoegen van het yarn.lock-bestand aan Git.

Een lokale branche pushen naar GitHub

  1. Selecteer het pictogram Broncodebeheer op de activiteitenbalk.
  2. Selecteer Publish Branch. Als de opslagplaats niet bestaat op GitHub, wordt de opslagplaats voor u gemaakt.

Git-uitvoer weergeven

U kunt de uitvoer van Git-opdrachten weergeven wanneer u de extensie Broncodebeheer gebruikt. Deze uitvoer helpt fouten op te sporen wanneer een opdracht mislukt.

  1. Selecteer het pictogram Broncodebeheer op de activiteitenbalk.

  2. Selecteer het beletselteken (...) en selecteer Vervolgens Git-uitvoer weergeven.

    Schermopname van Broncodebeheer van Visual Studio Code met de selectie Git-uitvoer weergeven gemarkeerd.

Visual Studio Code-hulpprogramma's voor het werken met Git en GitHub

Werken in Visual Studio Code met een opslagplaats maakt gebruik van afzonderlijke hulpprogramma's.

Pictogram Gegevens Toegang vanaf
Git-opdrachten in opdrachtpalet F1
Extensie voor broncodebeheer Activiteitsbalk
Extensie voor GitHub-pull-aanvragen en problemen Activiteitsbalk
Extensie voor GitHub-opslagplaatsen U kunt snel en eenvoudig een GitHub-opslagplaats openen door te zoeken naar GitHub-opslagplaatsen: Opslagplaats openen... vanuit het opdrachtpalet, F1 of door GitHub-opslagplaats openen te kiezen... vanaf de externe indicator (de groene knop in de linkerbenedenhoek van de statusbalk).