Een GitHub-opslagplaats klonen en gebruiken in Visual Studio Code

Meer informatie over de stappen voor het klonen van een openbare opslagplaats van GitHub naar uw lokale computer met behulp van Visual Studio Code.

Uw externe opslagplaats openen

Open uw externe opslagplaats op uw lokale computer.

Activiteitsbalk

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

Statusbalk

Deze actie is niet beschikbaar via deze functie. Selecteer een ander tabblad.

Opdrachtpalet

1. Open het opdrachtenpalet met de toetsencombinatie Ctrl + Shift + P.
2. Selecteer gitclbij de opdrachtpaletprompt de Git: Kloonopdracht , selecteer vervolgens Clone vanuit GitHub en druk op Enter.
3. Wanneer u om de URL van de opslagplaats wordt gevraagd, selecteert u kloon vanuit GitHub en drukt u vervolgens op Enter.
4. Als u wordt gevraagd u aan te melden bij GitHub, voltooit u het aanmeldingsproces.
5. Voer azure-samples/js-e2e-express-server in het veld Opslagplaats-URL in.
6. Selecteer (of maak) de lokale map waarin u het project wilt klonen en selecteer vervolgens Selecteren als opslagplaatsbestemming.
7. Wanneer u de melding ontvangt waarin u wordt gevraagd of u de gekloonde opslagplaats wilt openen, selecteert u Openen.

Geïntegreerde terminal

1. Open een geïntegreerde terminal vanuit Terminal -> Nieuwe terminal.

2. Kloon uw opslagplaats met de volgende Git-opdracht:

   git clone https://github.com/YOUR-NAME-OR-ORGANIZATION/YOUR-REPO-NAME
   

3. Openen in Visual Studio Code:

   code YOUR-REPO-NAME
   

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.

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.

Activiteitsbalk

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

Statusbalk

Deze actie is niet beschikbaar via deze functie. Selecteer een ander tabblad.

Opdrachtpalet

1. Open het opdrachtenpalet met de toetsencombinatie Ctrl + Shift + P.
2. Filter met Giten selecteer Open repository.
3. Selecteer de map die u wilt selecteren als de hoofdmap van de opslagplaats.

Geïntegreerde terminal

1. Open een geïntegreerde terminal vanuit Terminal -> Nieuwe terminal.

2. Open een nieuw exemplaar van Visual Studio Code voor de opslagplaatsmap:

   code ../dir1/dir2/my-repo
   

Nieuwe opslagplaats initialiseren

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

Activiteitsbalk

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

2. Selecteer Opslagplaats initialiseren.

   

Statusbalk

Deze actie is niet beschikbaar via deze functie. Selecteer een ander tabblad.

Opdrachtpalet

1. Open het opdrachtenpalet met de toetsencombinatie Ctrl + Shift + P.
2. Filter met Giten selecteer Initialize repository.
3. Selecteer de map die u wilt selecteren als de hoofdmap van de opslagplaats.

Geïntegreerde terminal

1. Open een geïntegreerde terminal vanuit Terminal -> Nieuwe terminal.

2. Initialiseer uw map met Git met de volgende Git-opdracht:

   git init
   

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.

Een vertakking maken voor wijzigingen

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

Activiteitsbalk

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

Statusbalk

1. Selecteer de naam van de vertakking in de statusbalk. Hiermee opent u het opdrachtenpalet.

   De statusbalk vindt u onderaan Visual Studio Code.

2. Selecteer +Een nieuwe vertakking maken in het opdrachtenpalet.

3. Voer de naam van de nieuwe vertakking in.

4. Voer een nieuwe vertakkingsnaam in. De naam van de vertakking is zichtbaar in de statusbalk.

   

Opdrachtpalet

1. Open het opdrachtenpalet met de toetsencombinatie Ctrl + Shift + P.

2. git branch Zoek en selecteer Git: Create Branch.

   

3. Voer een nieuwe vertakkingsnaam in, zoals test.

4. De naam van de vertakking is zichtbaar in de statusbalk.

   

Geïntegreerde terminal

1. Open een geïntegreerde terminal vanuit Terminal -> Nieuwe terminal.

2. Maak een nieuwe vertakking MY-BRANCH met de volgende Git-opdracht:

   git checkout -b MY-BRANCH
   

Wijzigingen lokaal doorvoeren

Zodra u wijzigingen in uw vertakking hebt aangebracht, voert u de wijzigingen door.

Activiteitsbalk

1. Selecteer broncodebeheer op de activiteitenbalk.

2. Voer uw doorvoerbericht in en selecteer Doorvoeren.

   

Statusbalk

Deze actie is niet beschikbaar via deze functie. Selecteer een ander tabblad.

Opdrachtpalet

1. Open het opdrachtenpalet met de toetsencombinatie Ctrl + Shift + P.
2. Filter in het opdrachtpalet en Git selecteer Commitvervolgens .
3. Voer het doorvoerbericht in en druk op Enter.

Geïntegreerde terminal

1. Open een geïntegreerde terminal vanuit Terminal -> Nieuwe terminal.

2. Maak een nieuwe vertakking MY-BRANCH met de volgende Git-opdracht:

   git commit -m "YOUR COMMIT MESSAGE"
   

Een lokale vertakking naar GitHub pushen

Activiteitsbalk

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.

Statusbalk

1. Selecteer op de statusbalk van Visual Studio Code het pushpictogram rechts van de naam van de vertakking.

   

2. Selecteer de externe naam in het pop-upvenster. Als u slechts één externe verbinding hebt, wordt u niet gevraagd om de externe naam te selecteren.

Opdrachtpalet

1. Open het opdrachtenpalet met de toetsencombinatie Ctrl + Shift + P.
2. Filter in het opdrachtpalet en Git selecteer Pushvervolgens .
3. Als u meerdere upstream remotes hebt, selecteert u de afstandsbediening en drukt u op Enter.

Geïntegreerde terminal

1. Open een geïntegreerde terminal vanuit Terminal -> Nieuwe terminal.

2. Maak een nieuwe vertakking MY-BRANCH met de volgende Git-opdracht:

   git push <remote-name> <branch-name>
   

Git-uitvoer weergeven

U kunt de Git-opdrachten weergeven die worden uitgevoerd wanneer u de extensie Broncodebeheer gebruikt. Dit 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.

   

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).

Verwante resources

• Een web-app implementeren
• Werken met GitHub in Visual Studio Code
• Visual Studio Code gebruiken met andere providers voor versiebeheer