Verwenden von GitHub Codespaces in Visual Studio Code

Informationen GitHub Codespaces in Visual Studio Code

Sie können Ihre lokale Installation Visual Studio Code verwenden, um Codespaces zu erstellen, zu verwalten, zu bearbeiten und zu löschen. Damit du GitHub Codespaces in VS Code verwenden kannst, musst du die Codespaces-Erweiterung installieren. Weitere Informationen zum Einrichten GitHub Codespaces in VS Codefinden Sie unter "Voraussetzungen".

Wenn Sie einen neuen Codespace GitHuberstellen, wird er standardmäßig im Browser geöffnet. Wenn Sie neue Codespaces automatisch in VS Code öffnen möchten, können Sie VS Code als Standard-Editor festlegen. Weitere Informationen finden Sie unter Festlegen des Standard-Editors für GitHub Codespaces.

Wenn Sie lieber im Browser arbeiten möchten, aber ihre vorhandenen VS Code Erweiterungen, Designs und Verknüpfungen weiterhin verwenden möchten, können Sie die Einstellungssynchronisierung aktivieren. Weitere Informationen finden Sie unter Personalisieren GitHub Codespaces für Ihr Konto.

Voraussetzungen

Um direkt VS Codein einem Codespace zu entwickeln, müssen Sie die GitHub Codespaces Erweiterung mit Ihren GitHub Anmeldeinformationen installieren und anmelden. Die GitHub Codespaces Erweiterung erfordert VS Code Version 1.51 oder höher vom Oktober 2020.

Verwenden Sie die Visual Studio Code Marketplace Erweiterung, um die GitHub Codespaces Erweiterung zu installieren. Weitere Informationen finden Sie in der Dokumentation unter VS Code.

1. Klicke auf der linken Aktivitätsleiste von VS Code auf das Symbol „Remote-Explorer“.

   

   Hinweis

   Wenn der Remote-Explorer nicht in der Aktivitätsleiste angezeigt wird:

   1. Öffne die Befehlspalette. Zum Beispiel durch Drücken von UMSCHALT+Befehlstaste+P (Mac) / STRG+UMSCHALT+P (Windows/Linux).
   2. Geben Sie Folgendes ein: details.
   3. Klicke auf Codespaces: Details.

2. Wählen Sie "GitHub Codespaces" aus der Dropdownliste oben in der Randleiste "Remote-Explorer" aus, wenn sie noch nicht ausgewählt ist.

3. Klicken Sie auf "Anmelden bei GitHub" .

   

4. Wenn Sie zurzeit nicht bei GitHub angemeldet sind, werden Sie dazu aufgefordert, sich anzumelden. Melde dich an.

5. Wenn Sie aufgefordert werden, anzugeben, was Sie autorisieren möchten, klicken Sie auf die Schaltfläche "****GitHub".

6. Falls die Autorisierungsseite angezeigt wird, wählen Sie Visual Studio Code autorisieren aus.

Erstellen eines Codespaces in VS Code

Nachdem Sie Ihr Konto auf GitHub mit der Erweiterung GitHub Codespaces verbunden haben, können Sie einen neuen Codespace erstellen. Weitere Informationen über die GitHub Codespaces-Erweiterung findest im VS Code Marketplace.

1. Klicke auf der linken Aktivitätsleiste von VS Code auf das Symbol „Remote-Explorer“.

   

   Hinweis

   Wenn der Remote-Explorer nicht in der Aktivitätsleiste angezeigt wird:

   1. Öffne die Befehlspalette. Zum Beispiel durch Drücken von UMSCHALT+Befehlstaste+P (Mac) / STRG+UMSCHALT+P (Windows/Linux).
   2. Geben Sie Folgendes ein: details.
   3. Klicke auf Codespaces: Details.

2. Zeige auf die Seitenleiste „Remote-Explorer“, und klicke auf .

   

3. Gib den Namen des Repositorys, in dem du entwickeln möchtest, in das Textfeld ein, und wähle es anschließend aus.

   

   Rechts neben den nachfolgenden Eingabeaufforderungen wird eine Meldung angezeigt, die dich darüber informiert, wer für den Codespace bezahlt.

   

4. Klicke auf den Branch, in dem du entwickeln möchtest.

5. Wenn du zur Auswahl einer Dev-Containerkonfigurationsdatei aufgefordert wirst, wähle eine Datei in der Liste aus.

6. Klicke auf den gewünschten Computertyp.

   Hinweis

   Die zur Auswahl stehenden Computertypen können durch eine Reihe von Faktoren eingeschränkt werden. Hierzu zählen eine für deine Organisation konfigurierte Richtlinie oder eine Mindestspezifikation für Computertypen für dein Repository. Weitere Informationen findest du unter Einschränken des Zugriffs auf Computertypen und Festlegen einer Mindestspezifikation für Codespacecomputer.

Öffnen eines Codespaces in VS Code

1. Klicke auf der linken Aktivitätsleiste von VS Code auf das Symbol „Remote-Explorer“.

   

   Hinweis

   Wenn der Remote-Explorer nicht in der Aktivitätsleiste angezeigt wird:

   1. Öffne die Befehlspalette. Zum Beispiel durch Drücken von UMSCHALT+Befehlstaste+P (Mac) / STRG+UMSCHALT+P (Windows/Linux).
   2. Geben Sie Folgendes ein: details.
   3. Klicke auf Codespaces: Details.

2. Fahren Sie unter "GitHub Codespaces" mit der Maus über den Codespace, in dem Sie entwickeln möchten.

3. Wähle das Verbindungssymbol (Steckersymbol) aus.

   

Ändern des Maschinentyps in VS Code

          Normalerweise kannst du deinen Codespace auf verschiedenen Arten von Remotecomputern ausführen. Diese Computertypen bieten eine Auswahl an Hardwarespezifikationen von 2 Kernen bis zu 32 Kernen, auch wenn möglicherweise nicht immer die gesamte Palette von Computertypen verfügbar ist. Jeder Computertyp hat eine andere Ressourcen- und Abrechnungsebene. Informationen findest du unter [AUTOTITLE](/billing/managing-billing-for-your-products/managing-billing-for-github-codespaces/about-billing-for-github-codespaces).
          
          Bei der Erstellung eines Codespaces wird standardmäßig der Computertyp mit den wenigsten zulässigen Ressourcen verwendet. Sie können den Computertyp Ihres Codespace jederzeit ändern.

1. Öffne in VS Code über BEFEHL+UMSCHALT+P (Mac) oder STRG+UMSCHALT+P (Windows/Linux) die Befehlspalette.

2. Suche nach „Computer ändern“, und wähle „Codespaces: Computertyp ändern“ aus.

   

3. Wenn du diese Anweisungen nicht in einem Codespace ausführst, klicke auf den Codespace, den du ändern möchtest.

   

   Wenn du diese Anweisungen in einem Codespace ausführst, gilt die Änderung für den Codespace, in dem du gerade arbeitest.

4. Klicke auf den gewünschten Computertyp.

5. Wenn du zu einem Computertyp mit einer anderen Speicherkapazität wechselst, wirst du gefragt, ob du fortfahren möchtest. Lies die Eingabeaufforderung, und klicke auf Ja, um den Vorgang zu bestätigen.

Wenn Sie zu einer VM mit einer anderen Speicherkapazität gewechselt haben (beispielsweise von 64 GB auf 32 GB), steht der Codespace für kurze Zeit nicht zur Verfügung, während der Computertyp geändert wird. Wenn der Codespace gerade aktiv ist, wird er automatisch beendet. Sobald die Änderung durchgeführt wurde, kannst du den Codespace auf dem neuen Computertyp neu starten.

Wenn du zu einer VM mit der gleichen Speicherkapazität gewechselt hast, wird die Änderung beim nächsten Neustart des Codespaces übernommen. Ein aktiver Codespace wird nicht automatisch beendet. Weitere Informationen zum Neustarten eines Codespace findest du unter Beenden und Starten eines Codespaces.

Löschen eines Codespaces in VS Code

Du kannst Codespaces aus VS Code löschen, wenn du gerade nicht in einem Codespace arbeitest.

1. Klicke auf der linken Aktivitätsleiste von VS Code auf das Symbol „Remote-Explorer“.

   

   Hinweis

   Wenn der Remote-Explorer nicht in der Aktivitätsleiste angezeigt wird:

   1. Öffne die Befehlspalette. Zum Beispiel durch Drücken von UMSCHALT+Befehlstaste+P (Mac) / STRG+UMSCHALT+P (Windows/Linux).
   2. Geben Sie Folgendes ein: details.
   3. Klicke auf Codespaces: Details.

2. Klicke unter „GitHub Codespaces“ mit der rechten Maustaste auf den Codespace, den du löschen möchtest.

3. Klicke auf Codespace löschen.

Wechseln zu VS Code-Insidern im Web-Client

Wenn Sie den VS Code Webclient verwenden, können Sie zur Insider-Version der Anwendung wechseln. Weitere Informationen zu dieser Version von VS Code, finden Sie in der Einführung des Insider-Builds im VS Code Blog.

Nachdem du die Version in einem Codespace gewechselt hast, verwendet der Webclient weiter die Insiders-Version, wenn du den Codespace beendest und neu startest. Neue Codespaces, die Sie im VS Code Webclient erstellen und öffnen, verwenden auch die Insider-Version.

1. Klicken Sie unten links im Browserfenster, in dem ein Codespace angezeigt wird, auf .

2. Wähle im Menü „Zur Insiders-Version wechseln“ aus.

   

3. Wähle Erneut laden aus.

Um zurück zur Stabilen Version von VS Codezu wechseln, wiederholen Sie den Vorgang, wählen Sie aber "Zur stabilen Version wechseln" aus. Nach dem Wechsel verwendet der Codespace weiter die stabile Version, wenn du ihn beendest und neu startest. Neue Codespaces, die Sie im VS Code Webclient erstellen und öffnen, verwenden auch die Stable-Version.

Verwendung der Insiders-Desktopanwendung für Codespaces

Um GitHub Codespaces in der Insiders-Version der VS Code-Desktopanwendung zu verwenden, starten oder erstellen Sie Ihre Codespaces aus der VS Code-Insiders-Anwendung. Weitere Informationen finden Sie unter Erstellen eines Codespaces in VS Code und Öffnen eines Codespaces weiter oben in VS Code diesem Artikel.

Weiterführende Lektüre

•         [AUTOTITLE](/codespaces/reference/using-the-vs-code-command-palette-in-codespaces)
  

•         [AUTOTITLE](/codespaces/reference/using-github-copilot-in-github-codespaces)