Hinweis
Der Editor von github.dev befindet sich aktuell in Öffentliche Vorschau. Du kannst Feedback in unseren Diskussionen hinterlassen.
Informationen zum github.dev-Editor
Der github.dev-Editor stellt eine schlanke Bearbeitungsumgebung zur Verfügung, die vollständig in deinem Browser ausgeführt wird. Mit dem github.dev-Editor kannst du durch Dateien und Quellcoderepositorys von GitHub navigieren und Codeänderungen vornehmen und einpflegen. Du kannst ein beliebiges Repository, eine Fork oder einen Pull Request im Editor öffnen.
Der github.dev-Editor ist auf GitHub.com kostenlos verfügbar.
Der github.dev-Editor bietet viele der Vorteile von Visual Studio Code, z. B. Suche, Syntaxhervorhebung und eine Quellcodeverwaltungsansicht. Du kannst auch Einstellungssynchronisierung verwenden, um deine eigenen VS Code-Einstellungen im Editor zu übernehmen. Weitere Informationen findest du unter Einstellungssynchronisierung in der VS Code-Dokumentation.
Der github.dev-Editor wird vollständig in der Sandbox deines Browsers ausgeführt. Der Editor klont das Repository nicht, sondern verwendet stattdessen die Erweiterung GitHub Repositorys, um die meisten funktionen auszuführen, die Sie verwenden werden. Deine Arbeit wird im lokalen Speicher des Browsers gespeichert, bis du sie committest. Du solltest deine Änderungen regelmäßig committen, um sicherzustellen, dass sie immer zugänglich sind.
Sie müssen bei GitHub angemeldet sein, um den github.dev-Editor verwenden zu können.
Öffnen des github.dev-Editors
Du kannst mithilfe einer der folgenden Methoden ein beliebiges GitHub-Repository in github.dev öffnen:
-
Um das Repository auf derselben Browserregisterkarte zu öffnen, drücken Sie .. während du ein Repository oder einen Pull Request auf GitHub durchsuchst.
Um das Repository in einem neuen Tab zu öffnen, drücken Sie >.
-
Ändere die URL von „github.com“ in „github.dev“.
-
Wähle beim Anzeigen einer Datei das Dropdownmenü aus, und klicke auf github.dev.
Codespaces und github.dev
Sowohl github.dev als auch GitHub Codespaces ermöglichen es dir, deinen Code direkt über dein Repository zu bearbeiten. Beide Optionen haben jedoch leicht unterschiedliche Vorteile, je nach Anwendungsfall.
| github.dev | GitHub Codespaces | |
|---|---|---|
| Kosten | Frei. | Informationen zum kostenlosen monatlichen Nutzungskontingent für persönliche Konten findest du unter GitHub Codespaces Abrechnung. |
| Verfügbarkeit | Verfügbar für alle benutzer auf GitHub.com. | Verfügbar für alle benutzer auf GitHub.com. |
| Start | github.dev wird per Tastendruck direkt geöffnet, und du kannst sofort mit der Verwendung beginnen, ohne auf eine zusätzliche Konfiguration oder die Installation warten zu müssen. | Wenn du einen Codespace erstellst oder fortsetzt, wird dem Codespace eine VM zugewiesen, und der Container wird basierend auf dem Inhalt einer Datei devcontainer.json konfiguriert. Diese Einrichtung kann einige Minuten dauern, bis die Umgebung erstellt wurde. Weitere Informationen findest du unter Erstellen eines Codespaces für ein Repository. |
| Berechnen | Es gibt keine zugeordnete Computemöglichkeit, sodass du deinen Code nicht erstellen und ausführen oder das integrierte Terminal verwenden kannst. | Mit GitHub Codespaces erhältst du die Leistungsfähigkeit einer dedizierten VM, auf der du deine Anwendung ausführen und debuggen kannst. |
| Terminalzugriff | Keine. | GitHub Codespaces stellt standardmäßig ein Set mit gängigen Tools bereit, sodass du das Terminal genau wie in deiner lokalen Umgebung nutzen kannst. |
| Erweiterungen | Nur eine Teilmenge von Erweiterungen, die im Web ausgeführt werden können, werden in der Erweiterungsansicht angezeigt und können installiert werden. Weitere Informationen findest du unter Verwenden von Erweiterungen. | Mit GitHub Codespaces kannst du die meisten Erweiterungen aus dem Visual Studio Code Marketplace nutzen. |
Fortsetzen der Arbeit in Codespaces
Du kannst deinen Workflow in github.dev starten und deine Arbeit in einem Codespace fortsetzen. Wenn du versuchst, auf die Ausführungs- und Debugansicht oder das Terminal zuzugreifen, wirst du benachrichtigt, dass sie in github.dev nicht verfügbar sind.
Wenn du deine Arbeit in einem Codespace fortsetzen möchtest, klicke auf Arbeit fortsetzen in... , und wähle dann Neuen Codespace erstellen aus, um einen Codespace in deinem aktuellen Zweig zu erstellen. Bevor du diese Option auswählst, musst du alle Änderungen committen.
Verwenden von Quellcodeverwaltung
Wenn du github.dev verwendest, werden alle Aktionen über die Ansicht „Quellcodeverwaltung“ verwaltet, die sich auf der linken Seite in der Aktivitätsleiste befindet. Weitere Informationen zur Ansicht „Quellcodeverwaltung“ findest du in der VS Code-Dokumentation unter Versionskontrolle.
Da github.dev die Erweiterung „GitHub-Repositorys“ nutzt, kannst du zwischen Branches wechseln, ohne einen Stash für Änderungen auszuführen. Weitere Informationen finden Sie unter GitHub-Repositorys in der Dokumentation zu VS Code.
Neuen Zweig erstellen
-
Wenn der aktuelle Branch nicht in der Statusleiste angezeigt wird, klicke unten im Codespace mit der rechten Maustaste auf die Statusleiste, und wähle dann Quellcodeverwaltung aus.
-
Klicke auf den Branchnamen in der Statusleiste.
-
Klicke in der Dropdownliste entweder auf den Branch, zu dem du wechseln möchtest, oder gib den Namen für einen neuen Branch ein, und klicke auf Neuen Branch erstellen.
Änderungen übernehmen
-
Klicke in der Aktivitätsleiste auf die Ansicht Quellcodeverwaltung.
