Freigeben über


Lernen Sie, den Code-Editor zu verwenden

In dieser 10-minütigen Einführung in den Code-Editor in Visual Studio fügen wir einer Datei Code hinzu, um einige der Möglichkeiten zu betrachten, mit denen Visual Studio das Schreiben, Navigieren und Verstehen von Code vereinfacht.

Tipp

Wenn Sie Visual Studio noch nicht installiert haben, wechseln Sie zur Visual Studio-Downloads Seite, 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.

Tipp

Um diesem Artikel zu folgen, stellen Sie sicher, dass die C#-Einstellungen für Visual Studio ausgewählt sind. Informationen zum Auswählen von Einstellungen für die integrierte Entwicklungsumgebung (IDE) finden Sie unter Auswählen von Umgebungseinstellungen.

Erstellen einer neuen Codedatei

Beginnen Sie mit dem Erstellen einer neuen Datei, und fügen Sie dieser Code hinzu.

  1. Öffnen Sie Visual Studio. Drücken Sie ESC-, oder klicken Sie im Startfenster auf Weiter, ohne Code, um die Entwicklungsumgebung zu öffnen.

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

  3. Wählen Sie im Dialogfeld Neue Datei unter der Kategorie Allgemeine die Option Visual C#-Klasseaus, und wählen Sie dann Öffnenaus.

    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 Neu>Datei aus, oder drücken Sie die Tasten STRG+N.

  3. Wählen Sie im Dialogfeld Neue Datei unter der Kategorie Allgemeine die Option C#-Klasseaus, und wählen Sie dann Öffnenaus.

    Eine neue Datei wird im Editor mit dem Skelett einer C#-Klasse 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 programmieren. 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 Registerkarte aus.

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

Erste Schritte mit GitHub Copilot in Visual Studio. Beachten Sie, dass Visual Studio 2022, Version 17.8 oder höher, erforderlich ist.

Verwenden von Codeausschnitten

Visual Studio bietet nützliche Codeausschnitte, mit denen Sie häufig verwendete Codeblöcke schnell und einfach generieren können. Codeausschnitte stehen für verschiedene Programmiersprachen wie C#, Visual Basic und C++ zur Verfügung.

Fügen wir der Datei den C#-void Main Codeausschnitt 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.

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

Verfügbare Codeausschnitte variieren für unterschiedliche Programmiersprachen. Sie können sich die für Ihre Sprache verfügbaren Codeausschnitte anzeigen lassen, indem Sie Bearbeiten>IntelliSense>Ausschnitt einfügen oder die Tasten STRG+K, STRG+X drücken und anschließend den Ordner für Ihre Programmiersprache auswählen. 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, bei der es sich um die Zeile der Schaltflächen unter der Menüleiste in Visual Studio handelt, trägt dazu bei, dass Sie beim Code produktiver arbeiten können. Sie können z. B. 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. Wir verwenden die moreWords Variable nicht, aber später verwenden wir sie möglicherweise, sodass wir sie nicht löschen möchten. Stattdessen werden wir diese Zeilen auskommentieren. Wählen Sie die gesamte Definition von moreWords bis zum schließenden Semikolon aus, und wählen Sie dann die Schaltfläche Kommentiere die ausgewählten Zeilen auf der Symbolleiste des Text-Editors aus. Wenn Sie lieber die Tastatur verwenden möchten, wählen Sie STRG+K, STRG+Caus.

    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 die Auskommentierung von Zeilen aufheben möchten, können Sie diese auswählen und dann auf der Symbolleiste des Text-Editors die Schaltfläche Auskommentieren der ausgewählten Zeilen aufheben auswählen. Wenn Sie die Tastatur verwenden möchten, wählen Sie STRG+K, STRG+Uaus.

    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. Wählen Sie das kleine graue Feld mit dem Minuszeichen auf dem Rand neben der ersten Zeile des Konstruktors aus. 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 „Gliederung reduzieren“ 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.

Wir möchten den leeren -Konstruktor, der für Class1generiert wurde, nicht sehen. Um unsere Sicht auf den Code übersichtlicher zu gestalten, lassen Sie ihn uns daher reduzieren. Wählen Sie das kleine graue Feld mit dem Minuszeichen auf dem Rand neben 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: Schaltfläche „Gliederung reduzieren“ auf der Symbolleiste des Text-Editors in Visual Studio 2022

Der Codeblock wird bis auf die erste Zeile reduziert, an die Auslassungspunkte angehängt werden (...). Wenn Sie den Codeblock erneut erweitern möchten, wählen Sie dasselbe graue Feld aus, das jetzt ein Pluszeichen enthält, oder wählen Sie STRG+Maus, STRG+M erneut. 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 Peek-Definitionsfensters in Visual Studio 2022.

  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 Membern 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
    

    IntelliSense zeigt 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. Es kann Ihnen Informationen über verfügbare Mitglieder eines Typs oder Parameterdetails für verschiedene Überladungen einer Methode anzeigen. 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, dem Standardort für die Programmausgabe.

  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.

  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 jetzt die Funktion Refactoring von Visual Studio, um die _words-Variable in words umzubenennen.

  1. Platzieren Sie den Cursor über der Definition der _words-Variable, und wählen Sie im Kontextmenü oder per Rechtsklick 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 words ein. Beachten Sie, dass der Verweis auf words in der Abfrage ebenfalls automatisch umbenannt wird. Aktivieren Sie das Kontrollkästchen Kommentare einschließen im Popupfeld Umbenennen, bevor Sie auf die EINGABETASTE drücken.

    Screenshot eines Dialogfelds

  3. Drücken Sie die EINGABETASTE.

    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 jetzt 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 Kommentare einschließen im Popupfeld Umbenennen.

    Screenshot des Popupfelds

  3. Wählen Sie die EINGABETASTE aus.

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

Nächste Schritte

Siehe auch