Freigeben über


Lernen Sie, den Code-Editor mit C# 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 C#-Code vereinfacht.

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 C# vertraut sind. Wenn dies nicht der Fall ist, sollten Sie sich zunächst Tutorials wie Erste Schritte mit C# und ASP.NET Core in Visual Studio ansehen.

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

Erstellen Sie zunächst eine neue Datei und fügen Sie ihr einigen 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, oder drücken sie STRG+N.

  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. Drücken Sie ESC-, 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 STRG+N.

  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. Sie müssen kein vollständiges Visual Studio-Projekt erstellen, 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 2022.

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ßenden Klammer } in der Datei, und geben Sie die Zeichen svm ein (was für static void Mainsteht – machen Sie sich keine Sorgen, wenn Sie nicht wissen, was das bedeutet).

    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.

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

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ügen wählen oder Strg+K, Strg+Xdrücken und dann den Ordner für Ihre 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. svm steht für static void Main– keine Sorge, wenn Sie noch nicht wissen, was das bedeutet.

    Ein Popupdialogfeld wird mit Informationen zum codeausschnitt svm angezeigt.

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

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

    Sie werden sehen, wie 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 die verfügbaren Codeausschnitte für Ihre Sprache anzeigen, indem Sie Bearbeiten>IntelliSense>Ausschnitt einfügen wählen oder die Tasten STRG+K,, STRG+Xdrücken und dann 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 unter anderem Schnipsel zum Erstellen einer Klasse, eines Konstruktors, einer for-Schleife und einer if- bzw. switch-Anweisung.

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 kommentieren wir Code.

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 komplette Definition von morewords bis zum abschließenden Semikolon aus, und klicken Sie anschließend auf der Symbolleiste auf die Schaltfläche Ausgewählte Zeilen auskommentieren. 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 Symbolleiste, die sich unter der Menüleiste in Visual Studio befindet und aus einer Reihe von Schaltflächen besteht, hilft Ihnen, produktiver zu sein, während Sie Code schreiben. 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.

Nun werden Sie 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 komplette Definition von moreWords bis zum abschließenden Semikolon aus, und klicken Sie anschließend auf der Symbolleiste auf die Schaltfläche Ausgewählte Zeilen auskommentieren. Wenn Sie lieber die Tastatur verwenden möchten, drücken Sie STRG+E, STRG+C.

    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.

Codeblöcke zusammenklappen

Wir möchten den leeren -Konstruktor, der für Class1generiert wurde, nicht sehen. Um unsere Ansicht des Codes übersichtlicher zu gestalten, lasst es uns zusammenklappen. Klicken Sie auf das kleine graue Feld mit dem Minuszeichen am 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.

Screenshot: Schaltfläche zum Reduzieren der Gliederung 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 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.

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 oder Drücken F12 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 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 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 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. 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, das der Standardort für die Programmausgabe ist.

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

    foreach (string str in qu
    

    Daraufhin zeigt Ihnen IntelliSense QuickInfo zum query-Symbol an.

    Screenshot eines IntelliSense-Wortvervollständigungs-Pop-ups 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. Dadurch 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, das der Standardort für die Programmausgabe 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.

  2. Drücken Sie die TAB-TASTE, um den Rest des Worts query über die IntelliSense-Wortvervollständigung einzufügen.

  3. Beenden Sie den Codeblock so, dass er wie der folgende Code aussieht. Sie können mit Codeausschnitten weiter üben, indem Sie cw eingeben und dann zweimal TAB- drücken, 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. Lass uns die Refaktorierungsfunktion von Visual Studio ausprobieren, um die _words Variable in wordsumzubenennen.

  1. Platzieren Sie den Cursor über der Definition der _words-Variablen, und klicken Sie im Kontextmenü (Rechtsklick) auf Umbenennen, 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 einbeziehen 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 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 wählen Sie im Rechtsklick- bzw. Kontextmenü Umbenennen aus. Alternativ können Sie F2 drücken.

    Ein Dialogfeld Umbenennen wird oben rechts im Editor 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. Aktivieren Sie das Kontrollkästchen Kommentare einbeziehen im Popupfeld Umbenennen, bevor Sie auf die EINGABETASTE drücken.

    Screenshot des Popupfelds

  3. Drücken Sie die EINGABETASTE, oder klicken Sie im Dialogfeld Umbenennen auf Anwenden.

    Beide Vorkommen von someWords in Ihrem Code wurden umbenannt. Auch der Text von someWords in Ihrem Codekommentar wurde umbenannt.

Nächste Schritte

Siehe auch