docs/translations/de-DE/content/copilot/getting-started-with-github-copilot/getting-started-with-github-copilot-in-visual-studio-code.md

title, shortTitle, intro, product, versions, topics, ms.openlocfilehash, ms.sourcegitcommit, ms.translationtype, ms.contentlocale, ms.lasthandoff, ms.locfileid

title	shortTitle	intro	product	versions	topics	ms.openlocfilehash	ms.sourcegitcommit	ms.translationtype	ms.contentlocale	ms.lasthandoff	ms.locfileid
Erste Schritte mit GitHub Copilot in Visual Studio Code	Visual Studio Code	Erfahre, wie du {% data variables.product.prodname_copilot %} in {% data variables.product.prodname_vscode %} installierst, um beim Schreiben von Kommentaren und Code Vorschläge zu erhalten.	{% data reusables.gated-features.copilot %}	feature copilot	Copilot	ec117cce02fab8917aef958c69077c521d9c1974	6185352bc5	HT	de-DE	12/09/2022	148192769

{% data reusables.copilot.copilot-cta-button %}

Informationen zu {% data variables.product.prodname_copilot %} und {% data variables.product.prodname_vscode %}

{% data reusables.copilot.procedural-intro %}

Wenn du {% data variables.product.prodname_vscode %} verwendest, kannst du Vorschläge aus {% data variables.product.prodname_copilot %} direkt im Editor anzeigen und übernehmen. Diese Anleitung zeigt die Verwendung von {% data variables.product.prodname_copilot %} innerhalb von {% data variables.product.prodname_vscode %} für macOS, Windows oder Linux.

Voraussetzungen

{% data reusables.copilot.subscription-prerequisite %}

• Um {% data variables.product.prodname_copilot %} in {% data variables.product.prodname_vscode %} zu verwenden, muss {% data variables.product.prodname_vscode %} installiert sein. Weitere Informationen findest du auf der Downloadseite zu {% data variables.product.prodname_vscode %}.

Installation der {% data variables.product.prodname_vscode %}-Erweiterung

Um {% data variables.product.prodname_copilot %} zu verwenden, musst du zuerst die {% data variables.product.prodname_vscode %}-Erweiterung installieren.

1. Wechsele im {% data variables.product.prodname_vscode %}-Marketplace zur Seite {% data variables.product.prodname_copilot %}-Erweiterung, und klicke auf Installieren.
2. Ein Popupfenster mit der Abfrage, ob {% data variables.product.prodname_vscode %} geöffnet werden soll, wird angezeigt. Klicke auf {% data variables.product.prodname_vscode %} öffnen.
3. Klicke auf der Registerkarte „Erweiterung: {% data variables.product.prodname_copilot %}“ in {% data variables.product.prodname_vscode %} auf Installieren.
4. Wenn du {% data variables.product.prodname_vscode %} noch nicht in deinem {% data variables.product.prodname_dotcom %}-Konto autorisiert hast, wirst du aufgefordert, dich bei {% data variables.product.prodname_dotcom %} in {% data variables.product.prodname_vscode %} anzumelden.
   • Wenn du zuvor {% data variables.product.prodname_vscode %} für dein Konto auf {% data variables.product.prodname_dotcom %} autorisiert hast, wird {% data variables.product.prodname_copilot %} automatisch autorisiert.
5. In deinem Browser wird {% data variables.product.prodname_dotcom %} die notwendigen Berechtigungen für {% data variables.product.prodname_copilot %} anfordern. Um diese Berechtigungen zu genehmigen, klicke auf {% data variables.product.prodname_vscode %} autorisieren.
6. Klicke in {% data variables.product.prodname_vscode %} im Dialogfeld „{% data variables.product.prodname_vscode %}“ auf Öffnen, um die Authentifizierung zu bestätigen.

Anzeigen deines ersten Vorschlags

{% data reusables.copilot.code-examples-limitations %}

{% data reusables.copilot.supported-languages %} Die folgenden Beispiele sind in JavaScript enthalten, andere Sprachen funktionieren jedoch ähnlich.

{% data reusables.copilot.create-js-file %}

1. Gib in der JavaScript-Datei den folgenden Funktionsheader ein. {% data variables.product.prodname_copilot %} schlägt automatisch einen ganzen Funktionstext in ausgegrautem Text vor, wie unten gezeigt. Der genaue Vorschlag kann variieren.

function calculateDaysBetweenDates(begin, end) {

{% data reusables.copilot.accept-suggestion %}

Anzeigen alternativer Vorschläge

{% data reusables.copilot.alternative-suggestions %}

{% data reusables.copilot.create-js-file %}

1. Gib in der JavaScript-Datei den folgenden Funktionsheader ein. {% data variables.product.prodname_copilot %} zeigt dir einen Vorschlag an.

function calculateDaysBetweenDates(begin, end) {

{% data reusables.copilot.see-alternative-suggestions %}

OS	Nächsten Vorschlag anzeigen	Vorherigen Vorschlag anzeigen
macOS	Option (⌥) oder ALT+]	Option (⌥) oder ALT+[
Windows	ALT+]	ALT+[
Linux	ALT+]	ALT+[

1. Alternativ kannst du mit dem Mauszeiger auf den Vorschlag zeigen, um die {% data variables.product.prodname_copilot %}-Befehlspalette zur Anzeige von Vorschlägen auszuwählen. {% data reusables.copilot.accept-or-reject-suggestion %}

Anzeigen mehrerer Vorschläge auf einer neuen Registerkarte

{% data reusables.copilot.suggestions-new-tab %}

{% data reusables.copilot.create-js-file %}

1. Gib in der JavaScript-Datei den folgenden Funktionsheader ein. {% data variables.product.prodname_copilot %} zeigt dir einen Vorschlag an.

function calculateDaysBetweenDates(begin, end) {

1. Um eine neue Registerkarte mit mehreren zusätzlichen Optionen zu öffnen, drücke STRG+EINGABETASTE.
2. Um einen Vorschlag zu akzeptieren, klicke oberhalb des Vorschlags auf Lösung annehmen. Um alle Vorschläge abzulehnen, schließe die Registerkarte.

Generieren von Codevorschlägen aus Kommentaren

{% data reusables.copilot.generating-suggestions-from-comments %}

{% data reusables.copilot.create-js-file %}

1. Gib in der JavaScript-Datei den folgenden Kommentar ein. {% data variables.product.prodname_copilot %} schlägt eine Implementierung der Funktion vor.

   // find all images without alternate text
   // and give them a red border
   function process() {
   

Verwenden eines Frameworks

Du kannst auch mit {% data variables.product.prodname_copilot %} Vorschläge für APIs und Frameworks generieren. Im folgenden Beispiel wird mit {% data variables.product.prodname_copilot %} ein einfacher Express-Server erstellt, der die aktuelle Uhrzeit zurückgibt.

{% data reusables.copilot.create-js-file %}

1. Gib in der JavaScript-Datei den folgenden Kommentar ein, und drücke dann die EINGABETASTE. {% data variables.product.prodname_copilot %} schlägt eine Implementierung der Express-App vor.

   // Express server on port 3000
   

2. To accept each line, press Tab, then Enter.
3. Type the following comment and then press Enter. {% data variables.product.prodname_copilot %} will suggest an implementation for the default handler.

   // Return the current time
   

4. Um jede Zeile zu akzeptieren, drücke die TABULATORTASTE.

{% data reusables.copilot.enabling-or-disabling-in-vsc %}

Weitere Informationsquellen

• {% data variables.product.prodname_copilot %}