{"meta":{"title":"Verwenden von GitHub Codespaces in Visual Studio Code","intro":"Sie können direkt in Ihrem Codespace Visual Studio Code entwickeln, indem Sie die GitHub Codespaces Erweiterung mit Ihrem GitHub Konto verbinden.","product":"Codespaces","breadcrumbs":[{"href":"/de/codespaces","title":"Codespaces"},{"href":"/de/codespaces/developing-in-a-codespace","title":"In einem Codespace entwickeln"},{"href":"/de/codespaces/developing-in-a-codespace/using-github-codespaces-in-visual-studio-code","title":"Visual Studio Code"}],"documentType":"article"},"body":"# Verwenden von GitHub Codespaces in Visual Studio Code\n\nSie können direkt in Ihrem Codespace Visual Studio Code entwickeln, indem Sie die GitHub Codespaces Erweiterung mit Ihrem GitHub Konto verbinden.\n\n## Informationen GitHub Codespaces in Visual Studio Code\n\nSie können Ihre lokale Installation Visual Studio Code verwenden, um Codespaces zu erstellen, zu verwalten, zu bearbeiten und zu löschen.\nDamit 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\"](#prerequisites).\n\nWenn 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](/de/codespaces/setting-your-user-preferences/setting-your-default-editor-for-github-codespaces).\n\nWenn 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](/de/codespaces/setting-your-user-preferences/personalizing-github-codespaces-for-your-account#settings-sync).\n\n## Voraussetzungen\n\nUm 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.\n\nVerwenden Sie die Visual Studio Code Marketplace Erweiterung, um die [GitHub Codespaces](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces) Erweiterung zu installieren. Weitere Informationen finden Sie in der [](https://code.visualstudio.com/docs/editor/extension-gallery) Dokumentation unter VS Code.\n\n1. Klicke auf der linken Aktivitätsleiste von VS Code auf das Symbol „Remote-Explorer“.\n\n   ![Screenshot der Aktivitätsleiste, Das Symbol für die Randleiste „Remote-Explorer“ (ein Rechteck mit einem überlagerten Kreis) ist orange umrandet.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)\n\n   > \\[!NOTE]\n   > Wenn der Remote-Explorer nicht in der Aktivitätsleiste angezeigt wird:\n   >\n   > 1. Öffne die Befehlspalette. Zum Beispiel durch Drücken von <kbd>UMSCHALT</kbd>+<kbd>Befehlstaste</kbd>+<kbd>P</kbd> (Mac) / <kbd>STRG</kbd>+<kbd>UMSCHALT</kbd>+<kbd>P</kbd> (Windows/Linux).\n   > 2. Geben Sie Folgendes ein: `details`.\n   > 3. Klicke auf **Codespaces: Details**.\n\n2. Wählen Sie \"GitHub Codespaces\" aus der Dropdownliste oben in der Randleiste \"Remote-Explorer\" aus, wenn sie noch nicht ausgewählt ist.\n\n3. Klicken Sie auf **\"Anmelden bei GitHub**\" .\n\n   ![Screenshot der Seitenleiste „Remote-Explorer“ für „GitHub Codespaces“ mit der Schaltfläche „Bei GitHub anmelden“.](/assets/images/help/codespaces/sign-in-to-view-codespaces-vscode.png)\n\n4. Wenn Sie zurzeit nicht bei GitHub angemeldet sind, werden Sie dazu aufgefordert, sich anzumelden. Melde dich an.\n\n5. Wenn Sie aufgefordert werden, anzugeben, was Sie autorisieren möchten, klicken Sie auf die Schaltfläche \"\\*\\*\\*\\*GitHub\".\n\n6. Falls die Autorisierungsseite angezeigt wird, wählen Sie **Visual Studio Code autorisieren** aus.\n\n## Erstellen eines Codespaces in VS Code\n\nNachdem 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](https://marketplace.visualstudio.com/items?itemName=GitHub.codespaces).\n\n1. Klicke auf der linken Aktivitätsleiste von VS Code auf das Symbol „Remote-Explorer“.\n\n   ![Screenshot der Aktivitätsleiste, Das Symbol für die Randleiste „Remote-Explorer“ (ein Rechteck mit einem überlagerten Kreis) ist orange umrandet.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)\n\n   > \\[!NOTE]\n   > Wenn der Remote-Explorer nicht in der Aktivitätsleiste angezeigt wird:\n   >\n   > 1. Öffne die Befehlspalette. Zum Beispiel durch Drücken von <kbd>UMSCHALT</kbd>+<kbd>Befehlstaste</kbd>+<kbd>P</kbd> (Mac) / <kbd>STRG</kbd>+<kbd>UMSCHALT</kbd>+<kbd>P</kbd> (Windows/Linux).\n   > 2. Geben Sie Folgendes ein: `details`.\n   > 3. Klicke auf **Codespaces: Details**.\n\n2. Zeige auf die Seitenleiste „Remote-Explorer“, und klicke auf <svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-plus\" aria-label=\"The plus icon\" role=\"img\"><path d=\"M7.75 2a.75.75 0 0 1 .75.75V7h4.25a.75.75 0 0 1 0 1.5H8.5v4.25a.75.75 0 0 1-1.5 0V8.5H2.75a.75.75 0 0 1 0-1.5H7V2.75A.75.75 0 0 1 7.75 2Z\"></path></svg>.\n\n   ![Screenshot: Seitenleiste „Remote-Explorer“ für GitHub Codespaces Die QuickInfo „Neuen Codespace erstellen“ wird neben der Schaltfläche mit dem Pluszeichen angezeigt.](/assets/images/help/codespaces/create-codespace-vscode.png)\n\n3. Gib den Namen des Repositorys, in dem du entwickeln möchtest, in das Textfeld ein, und wähle es anschließend aus.\n\n   ![Screenshot: Eingabe von „octo-org/he“ in das Textfeld und eine Liste mit vier Repositorys, die mit dieser Zeichenfolge beginnen.](/assets/images/help/codespaces/choose-repository-vscode.png)\n\n   Rechts neben den nachfolgenden Eingabeaufforderungen wird eine Meldung angezeigt, die dich darüber informiert, wer für den Codespace bezahlt.\n\n   ![Screenshot: Eingabeaufforderung für einen Branch mit der Meldung „Nutzung bezahlt von Hubwriter“](/assets/images/help/codespaces/who-will-pay-vscode.png)\n\n4. Klicke auf den Branch, in dem du entwickeln möchtest.\n\n5. Wenn du zur Auswahl einer Dev-Containerkonfigurationsdatei aufgefordert wirst, wähle eine Datei in der Liste aus.\n\n6. Klicke auf den gewünschten Computertyp.\n\n   > \\[!NOTE]\n   > 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](/de/codespaces/managing-codespaces-for-your-organization/restricting-access-to-machine-types) und [Festlegen einer Mindestspezifikation für Codespacecomputer](/de/codespaces/setting-up-your-project-for-codespaces/configuring-dev-containers/setting-a-minimum-specification-for-codespace-machines).\n\n## Öffnen eines Codespaces in VS Code\n\n1. Klicke auf der linken Aktivitätsleiste von VS Code auf das Symbol „Remote-Explorer“.\n\n   ![Screenshot der Aktivitätsleiste, Das Symbol für die Randleiste „Remote-Explorer“ (ein Rechteck mit einem überlagerten Kreis) ist orange umrandet.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)\n\n   > \\[!NOTE]\n   > Wenn der Remote-Explorer nicht in der Aktivitätsleiste angezeigt wird:\n   >\n   > 1. Öffne die Befehlspalette. Zum Beispiel durch Drücken von <kbd>UMSCHALT</kbd>+<kbd>Befehlstaste</kbd>+<kbd>P</kbd> (Mac) / <kbd>STRG</kbd>+<kbd>UMSCHALT</kbd>+<kbd>P</kbd> (Windows/Linux).\n   > 2. Geben Sie Folgendes ein: `details`.\n   > 3. Klicke auf **Codespaces: Details**.\n2. Fahren Sie unter \"GitHub Codespaces\" mit der Maus über den Codespace, in dem Sie entwickeln möchten.\n3. Wähle das Verbindungssymbol (Steckersymbol) aus.\n\n   ![Screenshot der Randleiste „Remote-Explorer“. Das Verbindungssymbol für einen Codespace (Steckersymbol) ist mit einem dunkelorangen Rand hervorgehoben.](/assets/images/help/codespaces/click-connect-to-codespace-icon-vscode.png)\n\n## Ändern des Maschinentyps in VS Code\n\n```\n          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).\n          \n          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.\n```\n\n> \\[!NOTE]\n> 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](/de/codespaces/managing-codespaces-for-your-organization/restricting-access-to-machine-types) und [Festlegen einer Mindestspezifikation für Codespacecomputer](/de/codespaces/setting-up-your-project-for-codespaces/configuring-dev-containers/setting-a-minimum-specification-for-codespace-machines).\n\n1. Öffne in VS Code über <kbd>BEFEHL</kbd>+<kbd>UMSCHALT</kbd>+<kbd>P</kbd> (Mac) oder <kbd>STRG</kbd>+<kbd>UMSCHALT</kbd>+<kbd>P</kbd> (Windows/Linux) die Befehlspalette.\n\n2. Suche nach „Computer ändern“, und wähle „Codespaces: Computertyp ändern“ aus.\n\n   ![Screenshot des eingegebenen Suchbegriffs „Computer ändern“ und des Eintrags „Codespaces: Computertyp ändern“ in der Dropdownliste.](/assets/images/help/codespaces/vscode-change-machine-type-option.png)\n\n3. Wenn du diese Anweisungen nicht in einem Codespace ausführst, klicke auf den Codespace, den du ändern möchtest.\n\n   ![Screenshot einer Dropdownliste mit vier Codespaces.](/assets/images/help/codespaces/vscode-change-machine-choose-repo.png)\n\n   Wenn du diese Anweisungen in einem Codespace ausführst, gilt die Änderung für den Codespace, in dem du gerade arbeitest.\n\n4. Klicke auf den gewünschten Computertyp.\n\n5. 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.\n\nWenn 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.\n\nWenn 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](/de/codespaces/developing-in-codespaces/stopping-and-starting-a-codespace#restarting-a-codespace).\n\n## Löschen eines Codespaces in VS Code\n\nDu kannst Codespaces aus VS Code löschen, wenn du gerade nicht in einem Codespace arbeitest.\n\n1. Klicke auf der linken Aktivitätsleiste von VS Code auf das Symbol „Remote-Explorer“.\n\n   ![Screenshot der Aktivitätsleiste, Das Symbol für die Randleiste „Remote-Explorer“ (ein Rechteck mit einem überlagerten Kreis) ist orange umrandet.](/assets/images/help/codespaces/click-remote-explorer-icon-vscode.png)\n\n   > \\[!NOTE]\n   > Wenn der Remote-Explorer nicht in der Aktivitätsleiste angezeigt wird:\n   >\n   > 1. Öffne die Befehlspalette. Zum Beispiel durch Drücken von <kbd>UMSCHALT</kbd>+<kbd>Befehlstaste</kbd>+<kbd>P</kbd> (Mac) / <kbd>STRG</kbd>+<kbd>UMSCHALT</kbd>+<kbd>P</kbd> (Windows/Linux).\n   > 2. Geben Sie Folgendes ein: `details`.\n   > 3. Klicke auf **Codespaces: Details**.\n2. Klicke unter „GitHub Codespaces“ mit der rechten Maustaste auf den Codespace, den du löschen möchtest.\n3. Klicke auf **Codespace löschen**.\n\n## Wechseln zu VS Code-Insidern im Web-Client\n\nWenn 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](https://code.visualstudio.com/blogs/2016/02/01/introducing_insiders_build) im VS Code Blog.\n\nNachdem 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.\n\n1. Klicken Sie unten links im Browserfenster, in dem ein Codespace angezeigt wird, auf **<svg version=\"1.1\" width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" class=\"octicon octicon-gear\" aria-label=\"Manage\" role=\"img\"><path d=\"M8 0a8.2 8.2 0 0 1 .701.031C9.444.095 9.99.645 10.16 1.29l.288 1.107c.018.066.079.158.212.224.231.114.454.243.668.386.123.082.233.09.299.071l1.103-.303c.644-.176 1.392.021 1.82.63.27.385.506.792.704 1.218.315.675.111 1.422-.364 1.891l-.814.806c-.049.048-.098.147-.088.294.016.257.016.515 0 .772-.01.147.038.246.088.294l.814.806c.475.469.679 1.216.364 1.891a7.977 7.977 0 0 1-.704 1.217c-.428.61-1.176.807-1.82.63l-1.102-.302c-.067-.019-.177-.011-.3.071a5.909 5.909 0 0 1-.668.386c-.133.066-.194.158-.211.224l-.29 1.106c-.168.646-.715 1.196-1.458 1.26a8.006 8.006 0 0 1-1.402 0c-.743-.064-1.289-.614-1.458-1.26l-.289-1.106c-.018-.066-.079-.158-.212-.224a5.738 5.738 0 0 1-.668-.386c-.123-.082-.233-.09-.299-.071l-1.103.303c-.644.176-1.392-.021-1.82-.63a8.12 8.12 0 0 1-.704-1.218c-.315-.675-.111-1.422.363-1.891l.815-.806c.05-.048.098-.147.088-.294a6.214 6.214 0 0 1 0-.772c.01-.147-.038-.246-.088-.294l-.815-.806C.635 6.045.431 5.298.746 4.623a7.92 7.92 0 0 1 .704-1.217c.428-.61 1.176-.807 1.82-.63l1.102.302c.067.019.177.011.3-.071.214-.143.437-.272.668-.386.133-.066.194-.158.211-.224l.29-1.106C6.009.645 6.556.095 7.299.03 7.53.01 7.764 0 8 0Zm-.571 1.525c-.036.003-.108.036-.137.146l-.289 1.105c-.147.561-.549.967-.998 1.189-.173.086-.34.183-.5.29-.417.278-.97.423-1.529.27l-1.103-.303c-.109-.03-.175.016-.195.045-.22.312-.412.644-.573.99-.014.031-.021.11.059.19l.815.806c.411.406.562.957.53 1.456a4.709 4.709 0 0 0 0 .582c.032.499-.119 1.05-.53 1.456l-.815.806c-.081.08-.073.159-.059.19.162.346.353.677.573.989.02.03.085.076.195.046l1.102-.303c.56-.153 1.113-.008 1.53.27.161.107.328.204.501.29.447.222.85.629.997 1.189l.289 1.105c.029.109.101.143.137.146a6.6 6.6 0 0 0 1.142 0c.036-.003.108-.036.137-.146l.289-1.105c.147-.561.549-.967.998-1.189.173-.086.34-.183.5-.29.417-.278.97-.423 1.529-.27l1.103.303c.109.029.175-.016.195-.045.22-.313.411-.644.573-.99.014-.031.021-.11-.059-.19l-.815-.806c-.411-.406-.562-.957-.53-1.456a4.709 4.709 0 0 0 0-.582c-.032-.499.119-1.05.53-1.456l.815-.806c.081-.08.073-.159.059-.19a6.464 6.464 0 0 0-.573-.989c-.02-.03-.085-.076-.195-.046l-1.102.303c-.56.153-1.113.008-1.53-.27a4.44 4.44 0 0 0-.501-.29c-.447-.222-.85-.629-.997-1.189l-.289-1.105c-.029-.11-.101-.143-.137-.146a6.6 6.6 0 0 0-1.142 0ZM11 8a3 3 0 1 1-6 0 3 3 0 0 1 6 0ZM9.5 8a1.5 1.5 0 1 0-3.001.001A1.5 1.5 0 0 0 9.5 8Z\"></path></svg>**.\n\n2. Wähle im Menü „Zur Insiders-Version wechseln“ aus.\n\n   ![Screenshot des VS Code-Web-Clients. Das Zahnradsymbol ist orange umrandet. Im Menü wird „Zur Insiders-Version wechseln“ angezeigt.](/assets/images/help/codespaces/codespaces-insiders-vscode.png)\n\n3. Wähle **Erneut laden** aus.\n\nUm 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.\n\n## Verwendung der Insiders-Desktopanwendung für Codespaces\n\nUm 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](#creating-a-codespace-in-vs-code) und [Öffnen eines Codespaces weiter oben in VS Code](#opening-a-codespace-in-vs-code) diesem Artikel.\n\n## Weiterführende Lektüre\n\n* [Verwenden der Visual Studio Code Befehlspalette in GitHub Codespaces](/de/codespaces/reference/using-the-vs-code-command-palette-in-codespaces)\n* [Verwenden von GitHub Copilot in GitHub Codespaces](/de/codespaces/reference/using-github-copilot-in-github-codespaces)"}