In einem Codespace entwickeln

Über die Registerkarten in diesem Artikel kannst du zwischen Informationen zu den einzelnen Optionen wechseln. Du befindest dich derzeit auf der Registerkarte für Visual Studio Code.

Arbeiten in einem Codespace in VS Code

GitHub Codespaces ermöglicht dir die Nutzung der vollständigen Entwicklungsumgebung von Visual Studio Code. Während der Entwicklung in einem Codespace mit VS Code kannst du Code bearbeiten, debuggen und Git-Befehle verwenden. Weitere Informationen findest du in der VS Code documentation.

Die Benutzeroberfläche umfasst diese Hauptkomponenten:

1. Randleiste: In diesem Bereich werden standardmäßig deine Projektdateien im Explorer angezeigt.
2. Aktivitätsleiste: Hier werden die Ansichten angezeigt, zwischen denen du wechseln kannst. Du kannst die Ansichten neu anordnen, indem du sie an eine andere Stelle ziehst und ablegst.
3. Editor: Hier kannst du deine Dateien bearbeiten. Du kannst mit der rechten Maustaste auf die Registerkarte für eine Datei klicken, um auf Optionen (etwa zum Suchen der Datei im Explorer) zuzugreifen.
4. Panels: Hier werden die Ausgabe und Debuginformationen angezeigt. Außerdem ist dies die Standardposition für das integrierte Terminal.
5. Statusleiste: Dieser Bereich bietet nützliche Informationen zu deinem Codespace und deinem Projekt. Beispielsweise werden der Branchname und konfigurierte Ports angezeigt.

Weitere Informationen zur Verwendung von VS Code findest du im Benutzeroberflächenleitfaden in der VS Code-Dokumentation.

Du kannst direkt aus VS Code eine Verbindung mit Deinem Codespace herstellen. Weitere Informationen finden Sie unter Verwenden von Github Codespaces in Visual Studio Code.

Informationen zur Problembehandlung findest du unter Problembehandlung bei GitHub Codespaces-Clients.

Anpassen der Codespaces für ein Repository

Du kannst die Codespaces anpassen, die für ein Repository erstellt werden, indem du die Konfiguration des Entwicklungscontainers für das Repository erstellst oder aktualisierst. Diesen Schritt kannst du innerhalb eines Codespace ausführen. Nachdem du eine Entwicklungscontainerkonfiguration geändert hast, kannst du die Änderungen auf den aktuellen Codespace anwenden, indem du den Docker-Container für den Codespace neu erstellst. Weitere Informationen finden Sie unter Einführung in Entwicklungscontainer.

Personalisieren deines Codespaces

Du kannst ein dotfiles-Repository und Einstellungungssynchronisierung verwenden, um Aspekte der Codespaceumgebung für jeden von dir erstellten Codespace zu personalisieren. Die Personalisierung kann Shell-Präferenzen und zusätzliche Werkzeuge beinhalten. Weitere Informationen finden Sie unter Personalisieren von GitHub Codespaces für dein Konto.

Ausführen der App über einen Codespace

Du kannst Ports in deinem Codespace weiterleiten, um deine Anwendung zu testen und zu debuggen. Du kannst auch das Portprotokoll verwalten und den Port innerhalb deiner Organisation oder öffentlich freigeben. Weitere Informationen findest du unter Weiterleiten von Ports in deinem Codespace.

Commiten deiner Änderungen

Nachdem du Änderungen an deinem Codespace vorgenommen hast (neuer Code oder Konfigurationsänderungen), solltest du deine Änderungen committen. Durch das Committen von Änderungen an dein Repository wird sichergestellt, dass alle Benutzerinnen, die einen Codespace aus diesem Repository erstellen, die gleiche Konfiguration verwenden. Alle von dir vorgenommenen Anpassungen, z. B. das Hinzufügen von VS Code-Erweiterungen stehen dann allen Benutzerinnen zur Verfügung.

In diesem Tutorial hast du einen Codespace aus einem Vorlagenrepository erstellt, sodass der Code in deinem Codespace noch nicht in einem Repository gespeichert ist. Sie können ein Repository erstellen, indem Sie den aktuellen Branch auf GitHub.com veröffentlichen.

Informationen findest du unter Verwenden der Quellcodeverwaltung in deinem Codespace.

Verwenden der Visual Studio Code Command Palette

Die Visual Studio Code Command Palette ermöglicht dir das Zugreifen auf viele und Verwalten von vielen Features für Codespaces und Visual Studio Code. Weitere Informationen finden Sie unter Verwenden der Visual Studio Code-Befehlspalette in GitHub Codespaces.

Navigieren zu einem vorhandenen Codespace

1. Du kannst alle verfügbaren Codespaces anzeigen, die du unter github.com/codespaces erstellt hast. Zum Anzeigen dieser Seite wählen Sie in der oberen linken Ecke von GitHub aus und klicken dann auf Codespaces. Dadurch gelangst du zu github.com/codespaces.

2. Klicke auf den Namen des Codespace, in dem du entwickeln möchtest.

   

Alternativ kannst du alle Codespaces für ein bestimmtes Repository anzeigen, indem du zu diesem Repository navigierst, auf die Schaltfläche „Code“ Code klickst und die Registerkarte Codespaces auswählst. Im Dropdownmenü werden alle aktiven Codespaces für das Repository angezeigt.