Skip to main content

Erstellen eines Codespaces aus einer Vorlage

Wenn du mit einem neuen Projekt beginnst, kannst du einen Codespace aus einer leeren Vorlage erstellen oder eine Vorlage auswählen, die speziell für die geplante Tätigkeit entwickelt wurde.

Informationen zu Vorlagen für GitHub Codespaces

Wenn du mit einem neuen Projekt beginnst, kannst du schnell mit der Entwicklung beginnen, indem du einen Codespace aus einer Vorlage erstellst. Du kannst in einer cloudbasierten Entwicklungsumgebung an deinem Projekt arbeiten, deine Dateien in der Cloud speichern und deine Arbeit in einem neuen Remoterepository veröffentlichen, das du für andere freigeben oder auf deinen lokalen Computer klonen kannst.

Du kannst mit einer leeren Vorlage beginnen, aus Vorlagen wählen, die von GitHub für gängige Technologien wie React oder Jupyter Notebook bereitgestellt werden, oder einen Codespace aus einem beliebigen Vorlagenrepository auf GitHub starten.

Wenn Sie eine leere Vorlage verwenden, beginnen Sie mit einem leeren Verzeichnis, Zugriff auf cloudbasierte Computeressourcen und den Tools, Sprachen und Laufzeitumgebungen, die mit dem Standard-Dev-Containerimage vorinstalliert wurden. Wenn du andere Vorlagen verwendest, erhältst du Startdateien für die Technologie, mit der du arbeitest, sowie in der Regel einige zusätzliche Dateien wie eine README-Datei, eine .gitignore-Datei und Konfigurationsdateien für Entwicklungscontainer, die eine benutzerdefinierte Umgebungskonfiguration enthalten. Weitere Informationen zu Entwicklungscontainern und dem Standardimage findest du unter Einführung in Entwicklungscontainer.

Wenn du beispielsweise einen Codespace aus der React-Vorlage von GitHub erstellst, gelangst du in einen Arbeitsbereich, der Vorlagendateien (wie index.js, app.js und package.json) für eine einfache Anwendung enthält. Kurz nachdem der Codespace geöffnet wurde, wird automatisch ein Entwicklungsserver gestartet, und du kannst die ausgeführte Anwendung auf einer einfachen Browserregisterkarte im VS Code-Webclient anzeigen.

Screenshot des einfachen Browsers von VS Code, der die Webanwendung in der React-Vorlage von GitHub rendert.

Die in Vorlagen enthaltenen Dateien und Konfigurationen werden in Vorlagenrepositorys definiert. Das Vorlagenrepository wird beim Erstellen des Codespaces in deinen Codespace geklont. Danach wird die Verbindung unterbrochen, und dein Codespace wird erst dann mit einem Remoterepository verknüpft, wenn du es in einem veröffentlichst.

Tipp: Um Personen bei den ersten Schritten mit deinem Framework, deiner Bibliothek oder einem anderen Projekt zu helfen, kannst du ein Vorlagenrepository zur Verwendung mit GitHub Codespaces einrichten. Weitere Informationen findest du unter Einrichten eines Vorlagenrepositorys für GitHub Codespaces.

Erstellen eines Codespaces aus einer GitHub-Vorlage

Vorlagen, die von GitHub verwaltet werden (einschließlich der leeren Vorlage), sind auf der Seite „Deine Codespaces“ verfügbar.

  1. Wähle in der oberen linken Ecke von GitHub.com aus, und klicke dann auf Codespaces, um zur Seite „Deine Codespaces“ bei github.com/codespaces zu gelangen.

  2. Um die vollständige Liste der Vorlagen anzuzeigen, klicke im Abschnitt „Schnellstartvorlagen durchsuchen“ auf Alle anzeigen.

    Screenshot: Abschnitt „Schnellstartvorlagen durchsuchen“. „Alle anzeigen“ ist dunkelorange umrandet.

  3. Klicke optional auf den Namen der Vorlage, um das Vorlagenrepository anzuzeigen, das die Dateien für eine Vorlage enthält.

    Screenshot: Abschnitt „Schnellstartvorlagen durchsuchen“ auf der Codespaceseite. Es werden drei Vorlagen aufgeführt, und die Namen der Vorlagen sind orange umrandet.

  4. Wähle unter dem Namen der Vorlage, die du starten möchtest, die Option Diese Vorlage verwenden aus.

Wenn du einen neuen Codespace mithilfe einer Vorlage erstellst, wird er immer im Visual Studio Code-Webclient geöffnet. Ein vorhandener Codespace kann später in jedem unterstützten Editor geöffnet werden. Weitere Informationen findest du unter Öffnen eines vorhandenen Codespaces.

Erstellen eines Codespaces aus einem Vorlagenrepository

Du kannst einen Codespace aus einem beliebigen Vorlagenrepository erstellen und dann deine Arbeit in einem neuen Repository veröffentlichen, wenn du bereit bist. Weitere Informationen zu Vorlagenrepositorys findest du unter Ein Repository anhand einer Vorlage erstellen.

  1. Navigiere auf GitHub.com zur Hauptseite des Repositorys.

  2. Klicke auf Diese Vorlage verwenden und dann auf In einem Codespace öffnen.

    Screenshot der Schaltfläche Diese Vorlage verwenden und des erweiterten Dropdownmenüs, um die Option In Codespace öffnen anzuzeigen.

    Hinweis: Wenn du eine Betreuerin des Vorlagenrepositorys bist und Änderungen an das Vorlagenrepository selbst committen möchtest, solltest du über das Dropdownmenü Code einen Codespace erstellen. Weitere Informationen findest du unter Erstellen eines Codespaces für ein Repository.

Wenn du einen neuen Codespace mithilfe einer Vorlage erstellst, wird er immer im Visual Studio Code-Webclient geöffnet. Ein vorhandener Codespace kann später in jedem unterstützten Editor geöffnet werden. Weitere Informationen findest du unter Öffnen eines vorhandenen Codespaces.

Veröffentlichen in einem Repository auf GitHub

Wenn du in einem Codespace arbeitest, der aus einer Vorlage erstellt wurde, wird deine Arbeit auf einem virtuellen Computer in der Cloud gespeichert, aber nicht in einem Repository auf GitHub.

Du kannst deine Dateien speichern, deinen Codespace schließen und beenden und später wieder zu deiner Arbeit zurückkehren. In der Regel wird Git vorinstalliert, und das Arbeitsverzeichnis wird automatisch als Git-Repository initialisiert, es sei denn, du hast mit der leeren Vorlage von GitHub begonnen. Dies bedeutet, dass du Git sofort für die lokale Quellcodeverwaltung verwenden kannst, z. B. für das Hinzufügen und Committen von Dateien.

Wenn du jedoch einen nicht veröffentlichten Codespace löschst oder er automatisch gelöscht wird, weil er für die Dauer des Aufbewahrungszeitraums ungenutzt bleibt, wird auch deine Arbeit gelöscht. Um deine Arbeit beständig zu speichern und anderen Benutzer*innen die Mitarbeit an deinem Projekt zu ermöglichen, musst du deinen Codespace in einem Repository auf GitHub veröffentlichen.

Hinweis: Wenn ein nicht veröffentlichter Codespace derzeit einer Organisation in Rechnung gestellt wird, werden Besitz und Abrechnung des Codespaces bei Veröffentlichung des Codespaces an dein persönliches Konto übertragen. Weitere Informationen findest du unter Informationen zur Abrechnung für GitHub Codespaces.

Veröffentlichen aus VS Code

Wenn du in einem Codespace arbeitest, kannst du ihn über den VS Code-Webclient oder die Desktopanwendung veröffentlichen.

  1. Klicke in der Aktivitätsleiste auf die Ansicht Quellcodeverwaltung.

    Screenshot der VS Code-Aktivitätsleiste mit orange umrandeter Schaltfläche „Quellcodeverwaltung“.

  2. Klicke zum Stagen deiner Änderungen auf + neben der Datei, die du hinzugefügt oder geändert hast, oder neben Änderungen, wenn du mehrere Dateien geändert hast und diese alle stagen möchtest.

    Screenshot: Seitenleiste „Quellcodeverwaltung“, bei der die Schaltfläche zum Staging (ein Pluszeichen) rechts neben „Änderungen“ dunkelorange umrandet ist.

    Hinweis: Wenn du mit der leeren Vorlage von GitHub beginnst, wird keine Liste der Änderungen angezeigt, es sei denn, du hast dein Verzeichnis bereits als Git-Repository initialisiert. Um Codespaces zu veröffentlichen, die aus der leeren Vorlage erstellt wurden, klickst du in der Ansicht „Quellcodeverwaltung“ auf In GitHub veröffentlichen, und fährst dann mit Schritt 5 fort.

  3. Gib eine Commitnachricht ein, die die von dir vorgenommene Änderung beschreibt, und klicke dann auf Commit, um deine gestageten Änderungen zu committen.

    Screenshot: Seitenleiste „Quellcodeverwaltung“ mit einer Commitnachricht und darunter angezeigter Schaltfläche „Committen“, die beide dunkelorange umrandet sind.

  4. Klicke auf Branch veröffentlichen.

    Screenshot: Seitenleiste „Quellcodeverwaltung“ mit Anzeige der Schaltfläche „Branch veröffentlichen“.

  5. Gib in der Dropdownliste „Repositoryname“ einen Namen für dein neues Repository ein, und wähle dann Im privaten Repository GitHub veröffentlichen oder Im öffentlichen Repository GitHub veröffentlichen aus.

    Screenshot der Dropdownliste für den Repository-Namen in VS Code. zwei Optionen zum Veröffentlichen in einem privaten oder öffentlichen Repository werden angezeigt.

    Der Besitzer des neuen Repositorys ist das GitHub-Konto, mit dem du den Codespace erstellt hast.

  6. Optional klickst du im Popupfenster, das in der unteren rechten Ecke des Editors angezeigt wird, auf In GitHub öffnen, um das neue Repository für GitHub.com anzuzeigen.

    Screenshot: Bestätigungsmeldung für ein erfolgreich veröffentlichtes Repository mit der Schaltfläche „In GitHub öffnen“

Wenn ein Codespace veröffentlicht wird, hast du Zugriff auf eine größere Auswahl an Optionen, mit denen du deine GitHub Codespaces-Benutzeroberfläche anpassen kannst. Du hast beispielsweise folgende Möglichkeiten:

Veröffentlichen aus GitHub.com

Du kannst einen unveröffentlichten Codespace über die Seite „Deine Codespaces“ auf GitHub.com veröffentlichen. Dies ist nützlich, wenn du einen Codespace veröffentlichen möchtest, den du derzeit nicht in deinem Browser geöffnet hast. Wenn du dies tust, bleibt deine Arbeit in einem Repository erhalten, es gibt jedoch keine Verknüpfung zwischen deinem vorhandenen Codespace und dem neuen Repository. Du kannst jedoch zum neuen Repository navigieren und dort einen Codespace erstellen, und dieser Codespace wird mit dem Repository verbunden.

  1. Wähle in der oberen linken Ecke von GitHub.com aus, und klicke dann auf Codespaces, um zur Seite „Deine Codespaces“ bei github.com/codespaces zu gelangen.

  2. Klicke neben dem nicht veröffentlichten Codespace auf die Auslassungspunkte ( ... ), und wähle dann In einem neuen Repository veröffentlichen aus.

    Screenshot des Dropdownmenüs für einen Codespace mit der Option „In einem neuen Repository veröffentlichen“.

  3. Wähle einen Namen für dein neues Repository aus, lege es auf Öffentlich oder Privat fest, und klicke auf Repository erstellen.

    Screenshot der Dropdownliste „In einem neuen Repository veröffentlichen“ mit dem Feld „Name“, den Optionen „Öffentlich“ und „Privat“ sowie der Schaltfläche „Repository erstellen“.

  4. Klicke optional auf Repository anzeigen, um das neue Repository anzuzeigen.

Weitere nützliche Informationen