Freigeben über


Lernen Sie, den Code-Editor zu verwenden

In dieser Einführung in den Visual Studio-Code-Editor fügen Sie einer Datei Code hinzu und erfahren, wie Visual Studio beim Schreiben, Navigieren und Verstehen von Code hilft.

Tip

Wenn Sie nicht über Visual Studio verfügen, wechseln Sie zu Visual Studio downloads, um es kostenlos zu installieren.

Wenn Sie Visual Studio noch nicht installiert haben, wechseln Sie zur Visual Studio-Downloads Seite, um es kostenlos zu installieren.

In diesem Artikel wird davon ausgegangen, dass Sie bereits mit einer Programmiersprache vertraut sind. Falls Sie das nicht sind, empfehlen wir Ihnen, zuerst eine der Programm-Schnellstartleitfäden zu betrachten, zum Beispiel eine Web-App mit Python oder C#erstellen oder eine Konsolen-App mit Visual Basic oder C++erstellen.

Prerequisites

Erstellen einer neuen Codedatei

Erstellen Sie eine neue Datei und fügen Sie Code hinzu.

  1. Öffnen Sie Visual Studio. Drücken Sie ESC oder wählen Sie im Startfenster "Ohne Code fortfahren" aus, um die Entwicklungsumgebung zu öffnen.

  2. Wählen Sie im Menü Datei auf der Menüleiste Neue>Datei aus.

  3. Wählen Sie im Dialogfeld "Neue Datei " unter der Kategorie "Allgemein " die Option "Visual C#-Klasse" und dann " Öffnen" aus.

    Eine neue Datei wird im Editor mit dem Skelett einer C#-Klasse geöffnet. (Beachten Sie, dass wir kein vollständiges Visual Studio-Projekt erstellen müssen, um einige der Vorteile zu erzielen, die der Code-Editor bietet; alles, was Sie benötigen, ist eine Codedatei!)

    Screenshot einer C#-Codedatei in Visual Studio.

  1. Öffnen Sie Visual Studio. Wählen Sie die ESC-TASTE aus, oder wählen Sie "Weiter" ohne Code im Startfenster aus, um die Entwicklungsumgebung zu öffnen.

  2. Wählen Sie im Menü "Datei" auf der Menüleiste "Neue>Datei" aus, oder wählen Sie dieSTRG-TASTE+ N aus.

  3. Wählen Sie im Dialogfeld "Neue Datei " unter der Kategorie "Allgemein " die Option "C#-Klasse" und dann " Öffnen" aus.

    Eine neue Datei wird im Editor mit einer einfachen C#-Klassenstruktur geöffnet.

    Screenshot einer C#-Codedatei in Visual Studio 2022.

Verwenden von GitHub Copilot

GitHub Copilot fungiert als KI-Paarprogrammierer, um Codeabschlüsse im AutoVervollständigen-Stil und kontextbezogene mehrzeilige Codevorschläge bereitzustellen, während Sie in Echtzeit direkt im Editor codieren. GitHub Copilot wandelt Aufforderungen in natürlicher Sprache um, einschließlich Kommentaren und Methodennamen, in Codierungsvorschläge. Sie können Vorschläge von GitHub Copilot direkt im Editor anzeigen und integrieren.

Verwenden wir Copilot zum Generieren von Codevorschlägen:

  1. Platzieren Sie den Cursor direkt unterhalb der endgültigen schließenden Klammer } in der Datei.

  2. Geben Sie einen Kommentar in natürlicher Sprache ein: // Add a method to add two numbers und Geben Sieein.

  3. GitHub Copilot generiert einen Codevorschlag für Sie. Die vorgeschlagene Implementierung wird in grauen Text angezeigt.

  4. Um den Vorschlag anzunehmen, wählen Sie Tab aus.

    Animierter Screenshot, der die codevorschläge zeigt, die von GitHub Copilot für den Benutzerkommentar generiert wurden.

Lassen Sie uns Copilot Chat verwenden, um eine Codierungsfrage als Eingabeaufforderung zu übermitteln:

  1. Wählen Sie das GitHub Copilot-Badge in der oberen rechten Ecke der IDE aus.

  2. Wählen Sie im Dropdownmenü "Chatfenster öffnen" aus.

  3. Geben Sie die folgende Eingabeaufforderung in das Chatfenster ein:

    
    Generate sample code for a simple C# method to add two numbers.
    
    
  4. Copilot Chat generiert Beispielcode als Reaktion auf Ihre Eingabeaufforderung.

GitHub Copilot wird von KI unterstützt, sodass Überraschungen und Fehler möglich sind. Weitere Informationen finden Sie in den häufig gestellten Fragen zu GitHub Copilot.

Erste Schritte mit GitHub Copilot in Visual Studio.

Verwenden von Codeausschnitten

Visual Studio bietet nützliche Codeausschnitte, mit denen Sie häufig verwendete Codeblöcke schnell generieren können. Codeausschnitte sind für mehrere Programmiersprachen verfügbar, einschließlich C#, Visual Basic und C++.

Fügen Sie nun den C# void Main -Codeausschnitt zu Ihrer Datei hinzu.

  1. Platzieren Sie den Cursor direkt über der endgültigen schließende Klammer } in der Datei, und geben Sie die Zeichen svmein. (svm steht für static void Main; die Main() Methode ist der Einstiegspunkt für C#-Anwendungen.)

    Ein Popupdialogfeld wird mit Informationen zum codeausschnitt svm angezeigt.

    Screenshot eines IntelliSense-Popups für einen Codeausschnitt in Visual Studio.

  2. Drücken Sie TAB- zweimal, um den Codeausschnitt einzufügen.

    Du wirst sehen, dass die Methodensignatur static void Main() zur Datei hinzugefügt wird.

Die verfügbaren Codeausschnitte variieren für unterschiedliche Programmiersprachen. Sie können die verfügbaren Codeausschnitte für Ihre Sprache anzeigen, indem Sie Bearbeiten>IntelliSense>Codeausschnitt einfügenauswählen und dann den Ordner Ihrer Sprache auswählen. Für C# sieht die Liste wie folgt aus:

Screenshot eines IntelliSense-Popups für eine C#-Codeausschnittliste.

  1. Platzieren Sie den Cursor direkt über der endgültigen schließende Klammer } in der Datei, und geben Sie die Zeichen svmein.

    Ein Popupdialogfeld wird mit Informationen zum codeausschnitt svm angezeigt.

    Screenshot eines IntelliSense-Popups für einen Codeausschnitt in Visual Studio 2022.

  2. Wählen Sie die Tabulatortaste zweimal aus, um den Codeausschnitt einzufügen.

    Du wirst sehen, dass die Methodensignatur static void Main() zur Datei hinzugefügt wird. Die Main()-Methode ist der Einstiegspunkt für C#-Anwendungen.

Verfügbare Codeausschnitte variieren je nach Programmiersprache. Um die verfügbaren Codeausschnitte für Ihre Sprache anzuzeigen, wechseln Sie zum Bearbeiten> desIntelliSense-Einfügeausschnitts>, oder wählen Sie STRG+K, STRG+X-Tasten und dann den Ordner für Ihre Programmiersprache aus. Für C# sieht die Codeausschnittliste wie folgt aus:

Screenshot eines IntelliSense-Popups für eine C#-Codeausschnittliste.

Die Liste enthält Codeausschnitte zum Erstellen einer -Klasse, eines -Konstruktors, einer --Schleife, einer -if--Anweisung oder einer -switch--Anweisung und mehr.

Code auskommentieren

Die Symbolleiste, bei der es sich um die Reihe von Schaltflächen unter der Menüleiste in Visual Studio handelt, kann Ihnen beim Code produktiver machen. Sie können beispielsweise den IntelliSense-Vervollständigungsmodus umschalten (IntelliSense ist eine Codierungshilfe, die eine Liste der übereinstimmenden Methoden anzeigt, z. B. einen Zeileneinzug vergrößern oder verkleinern oder Code auskommentieren, den Sie nicht kompilieren möchten. In diesem Abschnitt werden wir Code auskommentieren.

Screenshot der Editorsymbolleiste in Visual Studio.

  1. Fügen Sie den folgenden Code in den Textkörper der Main()-Methode ein.

    // _words is a string array that we'll sort alphabetically
    string[] _words = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] morewords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    IEnumerable<string> query = from word in _words
                                orderby word.Length
                                select word;
    
  2. Wir verwenden die morewords Variable nicht, aber später verwenden wir sie möglicherweise, sodass wir sie nicht vollständig löschen möchten. Lassen Sie uns stattdessen diese Zeilen kommentieren. Wählen Sie die gesamte Definition von morewords bis zum schließenden Semikolon aus, und wählen Sie dann auf der Symbolleiste die Schaltfläche „Ausgewählte Zeilen auskommentieren“ aus. Wenn Sie die Tastatur verwenden möchten, drücken Sie STRG+K, STRG+C.

    Screenshot: Schaltfläche „Auskommentieren“ auf der Editor-Symbolleiste in Visual Studio.

    Die C#-Kommentarzeichen // werden am Anfang jeder ausgewählten Zeile hinzugefügt, um den Code auszukommentieren.

Die Text-Editor-Symbolleiste, die Reihe von Schaltflächen unter der Menüleiste in Visual Studio, hilft Ihnen dabei, beim Programmieren produktiver zu sein. Sie können beispielsweise den IntelliSense-Vervollständigungsmodus umschalten, einen Zeileneinzug vergrößern oder verkleinern oder Code auskommentieren, den Sie nicht kompilieren möchten.

Screenshot der Symbolleiste für den Text-Editor in Visual Studio 2022.

Wir werden jetzt einigen Code auskommentieren.

  1. Fügen Sie den folgenden Code in den Textkörper der Main()-Methode ein.

    // someWords is a string array.
    string[] someWords = {
        "the",
        "quick",
        "brown",
        "fox",
        "jumps"
    };
    
    string[] moreWords = {
        "over",
        "the",
        "lazy",
        "dog"
    };
    
    // Alphabetically sort the words.
    IEnumerable<string> query = from word in someWords
                                orderby word
                                select word;
    
  2. Die moreWords Variable wird zurzeit nicht verwendet, sie kann aber später verwendet werden. Anstatt sie zu löschen, können Sie diese Zeilen auskommentieren. Wählen Sie die gesamte Definition bis moreWords zum schließenden Semikolon aus, und wählen Sie dann auf der Symbolleiste des Text-Editors die Schaltfläche " Markierte Zeilen auskommentieren " aus, oder wählen Sie STRG+K, STRG+C aus.

    Screenshot: Schaltfläche „Auskommentieren“ auf der Text-Editor-Symbolleiste in Visual Studio 2022.

    Die C#-Kommentarzeichen // werden am Anfang jeder ausgewählten Zeile hinzugefügt, um den Code auszukommentieren.

    Wenn Sie Kommentare aufheben möchten, können Sie sie auswählen und dann auf der Symbolleiste des Text-Editors die Auskommentierung der markierten Linien aufheben oder STRG+K, STRG+U auswählen.

    Screenshot der Schaltfläche

Reduzieren von Codeblöcken

Der leere Konstruktor, der für Class1 generiert wurde, soll nicht angezeigt werden. Daher reduzieren wir ihn, um den Code übersichtlicher zu gestalten. Klicken Sie auf das kleine graue Feld mit dem Minuszeichen auf dem Rand neben der ersten Zeile des Konstruktors. Wenn Sie die Tastatur verwenden möchten, platzieren Sie den Cursor an einer beliebigen Stelle im Konstruktorcode, und drücken Sie STRG+M, STRG+M.

Screenshot: Schaltfläche zum Reduzieren der Gliederung auf der Symbolleiste des Text-Editors in Visual Studio.

Der Codeblock wird bis auf die erste Zeile reduziert, an die Auslassungspunkte angehängt werden (...). Um den Codeblock erneut zu erweitern, klicken Sie auf dasselbe graue Feld, das jetzt ein Pluszeichen enthält, oder drücken Sie STRG+M, STRG+M erneut. Dieses Feature wird als Outlining bezeichnet und ist besonders nützlich, wenn Sie lange Methoden oder ganze Klassen reduzieren.

Wenn Sie den leeren Konstruktor, der für Class1 generiert wurde, nicht sehen möchten, können Sie ihn reduzieren, um Ihre Codeansicht übersichtlicher zu gestalten. Wählen Sie das Karetsymbol am Rand der ersten Zeile des Konstruktors aus. Wenn Sie die Tastatur verwenden möchten, platzieren Sie den Cursor an einer beliebigen Stelle im Konstruktorcode, und wählen Sie die STRG+Maus, STRG+M Tasten.

Screenshot der Schaltfläche für die Reduzierung der Gliederung reduzieren auf der Symbolleiste des Text-Editors.

Der Codeblock wird bis auf die erste Zeile reduziert, an die Auslassungspunkte angehängt werden (...). Um den Codeblock erneut zu erweitern, wählen Sie das Caretzeichen (>) aus, oder wählen Sie STRG+M, STRG+M erneut aus. Dieses Feature wird als Outlining bezeichnet und ist besonders nützlich, wenn Sie lange Methoden oder ganze Klassen reduzieren.

Anzeigen von Symboldefinitionen

Der Visual Studio-Editor erleichtert das Überprüfen der Definition eines Typs, einer Methode usw. Eine Möglichkeit besteht darin, zu der Datei zu navigieren, die die Definition enthält, z. B. durch Auswählen von Gehe zu Definition an einer beliebigen Stelle, auf die das Symbol verwiesen wird. Eine noch schnellere Methode, die den Fokus nicht von der Datei entfernt, in der Sie arbeiten, besteht darin, Vorschaudefinitionzu verwenden. Werfen wir einen Blick auf die Definition des string Typs.

  1. Klicken Sie mit der rechten Maustaste auf eine beliebige Darstellung von string, und wählen Sie im Inhaltsmenü die Option Definition einsehen aus. Oder drücken Sie ALT-+F12-.

    Ein Popupfenster wird mit der Definition der String Klasse angezeigt. Sie können im Popupfenster scrollen oder sogar einen Blick auf die Definition eines anderen Typs aus dem vorschauierten Code werfen.

    Screenshot eines Vorschaudefinitionsfensters in Visual Studio.

  2. Schließen Sie das Vorschaudefinitionsfenster, indem Sie das kleine Feld mit einem "x" oben rechts im Popupfenster auswählen.

Der Visual Studio-Editor erleichtert das Überprüfen der Definition eines Typs, einer Methode oder einer Variablen. Beispielsweise können Sie zur Definition navigieren (unabhängig davon, in welcher Datei sie enthalten ist), indem Sie an einer beliebigen Stelle, an der auf ein Symbol verwiesen wird, Zur Definition wechseln auswählen oder die Taste F12 drücken. Eine noch schnellere Methode, die den Fokus nicht vom Code entfernt, an dem Sie arbeiten, besteht darin, Vorschaudefinitionzu verwenden.

Werfen wir einen Blick auf die Definition des string Typs.

  1. Klicken Sie mit der rechten Maustaste auf eine beliebige Darstellung von string, und wählen Sie im Inhaltsmenü die Option Definition einsehen aus. Oder wählen Sie die tasten ALT+F12 aus.

    Ein Popupfenster wird mit der Definition der String Klasse angezeigt. Sie können im Popupfenster scrollen oder sogar einen Blick auf die Definition eines anderen Typs aus dem vorschauierten Code werfen.

    Screenshot des Vorschaudefinitionsfensters in Visual Studio.

  2. Schließen Sie das Vorschaudefinitionsfenster, indem Sie das kleine Feld mit einem "x" oben rechts im Popupfenster auswählen.

Verwenden von IntelliSense zum Abschließen von Wörtern

IntelliSense- ist beim Codieren eine unschätzbare Ressource. Damit erhalten Sie Informationen zu verfügbaren Members eines Typs oder Parameterdetails für verschiedene Überladungen einer Methode. Sie können IntelliSense auch verwenden, um ein Wort abzuschließen, nachdem Sie genügend Zeichen eingegeben haben, um es zu disambiguieren. Fügen wir eine Codezeile hinzu, um die sortierten Zeichenfolgen im Konsolenfenster auszugeben, welches der Standardort für Programmausgaben ist.

  1. Beginnen Sie unter der variablen query mit der Eingabe des folgenden Codes:

    foreach (string str in qu
    

    Dann zeigt IntelliSense Ihnen QuickInfo zum query-Symbol an.

    Screenshot eines IntelliSense-Wortvervollständigungs-Popups in Visual Studio.

  2. Wenn Sie das restliche Wort query mithilfe der Word-Abschlussfunktion von IntelliSense einfügen möchten, drücken Sie TAB-.

  3. Beenden Sie den Codeblock so, dass er wie der folgende Code aussieht. Sie können sogar die Verwendung von Codeausschnitten erneut üben, indem Sie cw eingeben und dann zweimal TAB- drücken, um den Console.WriteLine Code zu generieren.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

IntelliSense- ist beim Codieren eine unschätzbare Ressource. Damit erhalten Sie Informationen zu verfügbaren Members eines Typs oder Parameterdetails für verschiedene Überladungen einer Methode. Sie können IntelliSense auch verwenden, um ein Wort abzuschließen, nachdem Sie genügend Zeichen eingegeben haben, um es zu disambiguieren.

Fügen wir eine Codezeile hinzu, um die sortierten Zeichenfolgen im Konsolenfenster auszugeben, welches der Standardort für Programmausgaben ist.

  1. Beginnen Sie unter der variablen query mit der Eingabe des folgenden Codes:

    foreach (string str in qu
    

    Es wird ein IntelliSense-Popup mit Informationen zum query-Symbol angezeigt.

    Screenshot eines IntelliSense-Wortvervollständigungs-Popups in Visual Studio 2022.

    Wenn Sie mit einem GitHub-Konto angemeldet sind, das über ein Copilot-Abonnement verfügt, werden auch Codevorschläge in grauem Text angezeigt.

  2. Wenn Sie das restliche Wort query mithilfe der IntelliSense-Wortvervollständigung einfügen möchten, drücken Sie die Tabulatortaste.

  3. Beenden Sie den Codeblock so, dass er wie der folgende Code aussieht. Sie können Codeausschnitte weiter üben, indem Sie cw eingeben und dann zweimal Tab auswählen, um die Console.WriteLine-Anweisung zu generieren.

    foreach (string str in query)
    {
       Console.WriteLine(str);
    }
    

Umgestalten eines Namens

Niemand erhält Code zum ersten Mal, und einer der Dinge, die Sie möglicherweise ändern müssen, ist der Name einer Variablen oder Methode. Testen Sie die Funktion Refactoring von Visual Studio, um die _words-Variable in words umzubenennen.

  1. Zeigen Sie mit der Maus auf die Definition der Variablen _words, und wählen Sie im Rechtsklick- oder Kontextmenü Umbenennen aus, oder drücken Sie STRG+R, STRG+R.

    Daraufhin wird das Dialogfeld Umbenennen in der oberen rechten Ecke des Editors angezeigt.

  2. Geben Sie den gewünschten Namen Wörter ein. Beachten Sie, dass der Verweis auf words in der Abfrage ebenfalls automatisch umbenannt wird. Aktivieren Sie das Kontrollkästchen Kommentare einbeziehen im Dialogfeld Umbenennen, bevor Sie auf die EINGABETASTE drücken.

    Screenshot eines Dialogfelds

  3. Press Enter.

    Beide Vorkommen von words wurden umbenannt, sowie der Verweis auf words im Codekommentar.

Niemand erhält Code zum ersten Mal, und einer der Dinge, die Sie möglicherweise ändern müssen, ist der Name einer Variablen oder Methode. Testen Sie die Funktion Refactoring von Visual Studio, um die someWords-Variable in unsortedWords umzubenennen.

  1. Platzieren Sie den Cursor auf der Definition der Variablen someWords, und klicken Sie im Rechtsklick- oder Kontextmenü auf Umbenennen, oder drücken Sie die Taste F2.

    Daraufhin wird das Dialogfeld Umbenennen in der oberen rechten Ecke des Editors angezeigt.

    Screenshot des Popupfelds

  2. Geben Sie den gewünschten Namen unsortedWordsein. Sie sehen, dass der Verweis auf unsortedWords in der query Zuordnungsanweisung auch automatisch umbenannt wird. Bevor Sie die EINGABETASTE drücken, aktivieren Sie das Kontrollkästchen Include comments (Kommentare einschließen) im Popupfeld Umbenennen.

    Screenshot des Popupfelds

  3. Drücken Sie die EINGABETASTE.

    Beide Vorkommen von someWords in Ihrem Code wurden umbenannt, ebenso wie der Text someWords in Ihrem Codekommentar.

Next steps

See also