Klonen und Verwenden eines GitHub-Repositorys in Visual Studio Code

Hier erfahren Sie die Schritte zum Klonen eines öffentlichen Repositorys von GitHub auf Ihren lokalen Computer mithilfe von Visual Studio Code.

Klonen des Repositorys

Das Klonen eines GitHub-Repositorys bedeutet, den cloudbasierten Quellcode in eine lokale Entwicklungsumgebung zu integrieren.

Aktivitätsleiste

Diese Aktion ist in diesem Feature nicht verfügbar. Wählen Sie eine andere Registerkarte aus.

Statusleiste

Diese Aktion ist in diesem Feature nicht verfügbar. Wählen Sie eine andere Registerkarte aus.

Befehlspalette

1. Öffnen Sie die Befehlspalette mit der Tastenkombination STRG + UMSCHALT + P.
2. Geben Sie gitclan der Eingabeaufforderung der Befehlspalette den Befehl "Git: Klonen " aus, und wählen Sie dann "Klonen" von GitHub aus, und drücken Sie die EINGABETASTE.
3. Wählen Sie „Clone from GitHub“ (Aus Github klonen) ein, wenn Sie zum Eingeben der Repository-URL aufgefordert werden, und drücken Sie anschließend die EINGABETASTE.
4. Wenn Sie aufgefordert werden, sich bei GitHub anzumelden, schließen Sie den Anmeldevorgang ab.
5. Geben Sie in das Feld Repository-URL die URL azure-samples/js-e2e-express-server ein.
6. Wählen Sie das lokale Verzeichnis aus (oder erstellen), in das Sie das Projekt klonen möchten, und wählen Sie dann "Als Repositoryziel auswählen" aus.
7. Wenn Sie eine Benachrichtigung mit der Frage erhalten, ob Sie das geklonte Repository öffnen möchten, wählen Sie Öffnen aus.

Integriertes Terminal

1. Öffnen Sie ein integriertes Terminal vom Terminal -> Neues Terminal.

2. Klonen Sie Ihr Repository mit dem folgenden Git-Befehl:

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

3. Ändern Sie Ihr Terminal in dieses neue Unterverzeichnis:

   cd YOUR-REPO-NAME
   

4. Öffnen Sie dann in Visual Studio Code:

   code .
   

Visual Studio Code verwendet die Git-Authentifizierung, die vom Betriebssystem (z. B. macOS-Schlüsselbund oder Windows-Anmeldeinformations-Manager) mit allen Git-Funktionen bereitgestellt wird. Die Ausgabe ist in Befehlspalette > Git sichtbar: Git-Ausgabe anzeigen.

Initialisieren des neuen Repositorys

Wenn Sie noch kein GitHub-Repository haben, aber Ihr Projekt lokal starten möchten, initialisieren Sie Ihren Ordner mit Git.

Aktivitätsleiste

1. Wählen Sie die Quellcodeverwaltung in der Aktivitätsleiste aus, oder verwenden Sie die Tastenkombination STRG + UMSCHALT + G.

2. Wählen Sie "Repository initialisieren" aus.

   

Statusleiste

Diese Aktion ist in diesem Feature nicht verfügbar. Wählen Sie eine andere Registerkarte aus.

Befehlspalette

1. Öffnen Sie die Befehlspalette mit der Tastenkombination STRG + UMSCHALT + P.
2. Filter mit Git, und wählen Sie Initialize repositorydann .
3. Wählen Sie den Ordner aus, der als Stamm des Repositorys ausgewählt werden soll.

Integriertes Terminal

1. Öffnen Sie ein integriertes Terminal vom Terminal -> Neues Terminal.

2. Initialisieren Sie Ihren Ordner mit Git mit dem folgenden Git-Befehl:

   git init
   

Erstellen einer Verzweigung für Änderungen

Erstellen Sie eine neue Verzweigung, um Änderungen zu erfassen und vom Standard oder Standardbranch zu isolieren.

Aktivitätsleiste

1. Wählen Sie die Quellcodeverwaltung in der Aktivitätsleiste aus.
2. Wählen Sie die Auslassungspunkte (...) neben der Quellcodeverwaltung aus.
3. Wählen Sie "Verzweigung -> Verzweigung erstellen" aus.

Statusleiste

1. Wählen Sie den Branchnamen in der Statusleiste aus. Dadurch wird die Befehlspalette geöffnet.

   Die Statusleiste befindet sich unten in Visual Studio Code.

2. Wählen Sie in der Befehlspalette + Neuen Branch erstellen aus.

3. Geben Sie Ihren neuen Branchnamen ein.

4. Geben Sie einen neuen Branchnamen ein. Der Branchname wird in der Statusleiste angezeigt.

   

Befehlspalette

1. Öffnen Sie die Befehlspalette mit der Tastenkombination STRG + UMSCHALT + P.

2. Suchen Sie nach git branch, und wählen Sie Git: Create Branch aus.

   

3. Geben Sie einen neuen Verzweigungsnamen ein, z test. B. .

4. Der Branchname wird in der Statusleiste angezeigt.

   

Integriertes Terminal

1. Öffnen Sie ein integriertes Terminal vom Terminal -> Neues Terminal.

2. Erstellen Sie eine neue Verzweigung MY-BRANCH mit dem folgenden Git-Befehl:

   git checkout -b MY-BRANCH
   

Lokales Commit für Änderungen

Nachdem Sie Änderungen an Ihrer Verzweigung vorgenommen haben, übernehmen Sie die Änderungen.

Aktivitätsleiste

1. Wählen Sie die Quellcodeverwaltung in der Aktivitätsleiste aus.

2. Geben Sie Ihre Commit-Nachricht ein, und wählen Sie dann "Commit ausführen" aus.

   

Statusleiste

Diese Aktion ist in diesem Feature nicht verfügbar. Wählen Sie eine andere Registerkarte aus.

Befehlspalette

1. Öffnen Sie die Befehlspalette mit der Tastenkombination STRG + UMSCHALT + P.
2. Filtern Sie in der Befehlspalette, und Git wählen Sie Commitdann
3. Geben Sie Ihre Commit-Nachricht ein, und drücken Sie dann die EINGABETASTE.

Integriertes Terminal

1. Öffnen Sie ein integriertes Terminal vom Terminal -> Neues Terminal.

2. Erstellen Sie eine neue Verzweigung MY-BRANCH mit dem folgenden Git-Befehl:

   git commit -m "YOUR COMMIT MESSAGE"
   

Pushen einer lokalen Verzweigung auf GitHub

Aktivitätsleiste

1. Wählen Sie das Quellcodeverwaltungs-Symbol in der Aktivitätsleiste aus.
2. Wählen Sie Branch veröffentlichen aus. Wenn das Repository auf GitHub nicht vorhanden ist, wird das Repository für Sie erstellt.

Statusleiste

1. Wählen Sie auf der Visual Studio Code-Statusleiste rechts neben dem Branchnamen das Symbol zum Pushen aus.

   

2. Wählen Sie den Remotenamen im Popupfenster aus. Wenn Sie nur einen Remoteort haben, werden Sie nicht aufgefordert, den Remotenamen auszuwählen.

Befehlspalette

1. Öffnen Sie die Befehlspalette mit der Tastenkombination STRG + UMSCHALT + P.
2. Filtern Sie in der Befehlspalette, und Git wählen Sie Pushdann
3. Wenn Sie über mehrere Upstream-Remotes verfügen, wählen Sie die Remoteverbindung aus, und drücken Sie dann die EINGABETASTE.

Integriertes Terminal

1. Öffnen Sie ein integriertes Terminal vom Terminal -> Neues Terminal.

2. Erstellen Sie eine neue Verzweigung MY-BRANCH mit dem folgenden Git-Befehl:

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

Anzeigen der Git-Ausgabe

Sie können die ausgeführten Git-Befehle mithilfe der Erweiterung für die Quellcodeverwaltung anzeigen. Dies hilft beim Debuggen, wenn ein Befehl fehlschlägt.

1. Wählen Sie das Quellcodeverwaltungs-Symbol in der Aktivitätsleiste aus.

2. Wählen Sie die Auslassungspunkte (...) und anschließend Git-Ausgabe anzeigen aus.

   

Visual Studio Code-Tools für die Arbeit mit Git und GitHub

Beim Arbeiten in Visual Studio Code mit einem Repository werden separate Tools verwendet:

Schaltfläche	Informationen	Zugriff von
	Git-Befehle in der Befehlspalette	F1
	Quellcodeverwaltungs-Erweiterung	Aktivitätsleiste
	Erweiterung für Pull Requests und Probleme auf GitHub	Aktivitätsleiste
	Erweiterung für GitHub-Repositorys	Sie können schnell und einfach ein GitHub-Repository öffnen, indem Sie in der Befehlspalette nach „GitHub-Repositorys: Repository öffnen...“ (F1) suchen oder im Remoteindikator (die grüne Schaltfläche in der unteren linken Ecke der Statusleiste) die Option „Open GitHub Repository...“ (Github-Repository öffnen...) auswählen.

Zugehörige Ressourcen

• Bereitstellen einer Web-App
• Arbeiten mit GitHub in Visual Studio Code
• Verwenden von Visual Studio Code mit anderen Versionskontrollanbietern