Freigeben über


Informationen zur Verwendung des Code-Editors

In dieser Einführung in den Code-Editor von Visual Studio, die etwa zehn Minuten Ihrer Zeit in Anspruch nehmen wird, wird Code zu einer Datei hinzugefügt, um zu veranschaulichen, inwiefern Visual Studio das Schreiben, Navigieren und Verstehen von Code vereinfacht.

Tipp

Wenn Sie Visual Studio noch nicht installiert haben, können Sie es auf der Seite Visual Studio-Downloads kostenlos herunterladen.

Wenn Sie Visual Studio noch nicht installiert haben, können Sie es auf der Seite Visual Studio-Downloads kostenlos herunterladen.

In diesem Artikel wird davon ausgegangen, dass Sie bereits mit einer Programmiersprache vertraut sind. Sollte dies nicht der Fall sein, empfehlen wir Ihnen, sich zuerst einen der Schnellstarts zum Thema Programmierung anzusehen, beispielsweise zum Erstellen einer Web-App mit Python oder C# oder zum Erstellen einer Konsolen-App mit Visual Basic oder C++.

Tipp

Damit Sie die in diesem Artikel beschriebenen Vorgänge ausführen können, vergewissern Sie sich, dass Sie für Visual Studio die C#-Einstellungen ausgewählt haben. Weitere Informationen zum Auswählen von Einstellungen für die integrierte Entwicklungsumgebung (Integrated Development Environment, IDE) finden Sie unter Select environment settings (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 Ohne Code fortfahren, um die Entwicklungsumgebung zu öffnen.

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

  3. Klicken Sie im Dialogfeld Neue Datei unter der Kategorie Allgemein auf die Option Visual C#-Klasse, und klicken Sie dann auf Öffnen.

    Im Editor öffnet sich eine neue Datei mit dem Skelett einer C#-Klasse. (Beachten Sie, dass Sie kein vollständiges Visual Studio-Projekt erstellen müssen, um einen Nutzen aus dem Code-Editor zu ziehen; Sie benötigen lediglich eine Codedatei.)

    Screenshot of a C# code file in Visual Studio.

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

  2. Wählen Sie im Menü Datei auf der Menüleiste die Optionen Neu>Datei aus, oder drücken Sie die Tasten STRG+N.

  3. Klicken Sie im Dialogfeld Neue Datei unter der Kategorie Allgemein auf die Option C#-Klasse, und klicken Sie dann auf Öffnen.

    Im Editor öffnet sich eine neue Datei mit dem Skelett einer C#-Klasse.

    Screenshot of a C# code file 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, einschließlich Kommentaren und Methodennamen, in Codierungsvorschläge um. Sie können Vorschläge von GitHub Copilot direkt im Editor anzeigen und integrieren.

Lassen Sie uns Copilot zum Generieren von Codevorschlägen verwenden:

  1. Platzieren Sie Ihren Cursor direkt unterhalb der letzten schließende geschweiften Klammer } in der Datei.
  2. Geben Sie einen Kommentar in natürlicher Sprache ein: // Add a method to add two numbers und EINGABE.
  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 Tabaus.

Animated screenshot that shows the code suggestions generated by GitHub Copilot for the user comment.

Erste Schritte mit GitHub Copilot in Visual Studio. Beachten Sie, dass dafür Visual Studio 2022 17.5.5 oder höher erforderlich ist.

Verwenden von Codeausschnitten

Visual Studio stellt nützliche Codeausschnitte bereit, die Sie verwenden können, um häufig verwendete Codeblöcke schnell und einfach zu generieren. Die Codeausschnitte sind für verschiedene Programmiersprachen verfügbar, einschließlich C#, Visual Basic und C++.

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

  1. Platzieren Sie den Cursor unmittelbar vor der letzten schließenden Klammer } in der Datei, und geben Sie svm ein. (svm steht für static void Main. Die Main()-Methode ist der Einstiegspunkt für C#-Anwendungen.)

    Ein Popup-Dialogfeld mit Informationen zum Codeausschnitt svm wird angezeigt.

    Screenshot of an IntelliSense pop-up for a code snippet in Visual Studio.

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

    Daraufhin wir der Datei die Methodensignatur static void Main() hinzugefügt.

Die verfügbaren Codeausschnitte variieren je nach Programmiersprache. Sie können sich die für Ihre Sprache verfügbaren Codeausschnitte anzeigen lassen, indem Sie Bearbeiten>IntelliSense>Ausschnitt einfügen und anschließend den Ordner für Ihre Sprache auswählen. Für C# sieht die Liste wie folgt aus:

Screenshot of an IntelliSense pop-up for a C# code snippet list.

  1. Platzieren Sie den Cursor unmittelbar vor der letzten schließenden Klammer } in der Datei, und geben Sie svm ein.

    Ein Popup-Dialogfeld mit Informationen zum Codeausschnitt svm wird angezeigt.

    Screenshot of an IntelliSense pop-up for a code snippet in Visual Studio 2022.

  2. Drücken Sie die TAB-TASTE zwei Mal, um den Codeausschnitt einzufügen.

    Daraufhin wir der Datei die Methodensignatur static void Main() hinzugefügt. Die Main()-Methode ist der Einstiegspunkt für C#-Anwendungen.

Verfügbare Codeausschnitte variieren je nach Programmiersprache. 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 folgendermaßen aus:

Screenshot of an IntelliSense pop-up for a C# code snippet list.

Die Liste enthält u.a. Ausschnitte zum Erstellen einer Klasse, eines Konstruktors, einer for-Schleife und einer if- oder switch-Anweisung.

Auskommentieren von Code

Durch die Symbolleiste – der Zeile mit Schaltflächen unter der Menüleiste in Visual Studio – können Sie Ihre Produktivität beim Codieren steigern. Sie können beispielsweise den IntelliSense-Beendigungsmodus umschalten (IntelliSense ist eine Codierungshilfe, die u.a. eine Liste von übereinstimmenden Methoden anzeigt), einen Zeileneinzug verkleinern oder vergrößern oder Code auskommentieren, der nicht kompiliert werden soll. In diesem Abschnitt wird Code auskommentiert.

Screenshot of the Editor toolbar in Visual Studio.

  1. Fügen Sie den folgenden Code in den Methodentext Main() 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. Die Variable morewords wird an dieser Stelle zwar nicht verwendet, allerdings sollte sie nicht vollständig gelöscht werden, weil sie unter Umständen später noch benötigt wird. Kommentieren Sie diese Zeilen stattdessen aus. Ordnen Sie die komplette Definition von morewords dem Semikolon zu, das zum Abschluss gesetzt wird, und klicken Sie anschließend in der Symbolleiste auf die Schaltfläche Comment out the selected lines (Ausgewählte Zeilen auskommentieren). Wenn Sie lieber die Tastatur verwenden möchten, drücken Sie STRG+K, STRG+C.

    Screenshot of the Comment out button in the Editor toolbar in Visual Studio.

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

Mithilfe der Symbolleiste des Text-Editors (der Leiste mit Schaltflächen unterhalb der Menüleiste in Visual Studio) können Sie Ihre Produktivität beim Programmieren steigern. Beispielsweise können Sie den IntelliSense-Vervollständigungsmodus ein- und ausschalten, Zeileneinzüge vergrößern oder verkleinern oder Code auskommentieren, der nicht kompiliert werden soll.

Screenshot of the Text Editor toolbar in Visual Studio 2022.

Wir werden jetzt einigen Code auskommentieren.

  1. Fügen Sie den folgenden Code in den Methodentext Main() 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 Variable moreWords verwenden wir zwar nicht, aber sie soll auch nicht gelöscht werden, weil sie unter Umständen später noch benötigt wird. Stattdessen kommentieren wir diese Zeilen aus. Wählen Sie die komplette Definition von moreWords bis zum abschließenden Semikolon aus, und klicken Sie anschließend in der Symbolleiste des Text-Editors auf die Schaltfläche Ausgewählte Zeilen auskommentieren. Wenn Sie lieber die Tastatur verwenden möchten, drücken Sie Strg+K, Strg+C.

    Screenshot of the Comment out button in the Text Editor toolbar 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 entfernen auswählen. Wenn Sie lieber die Tastatur verwenden möchten, drücken Sie Strg+K, Strg+U.

    Screenshot of the Uncomment button in the Text Editor toolbar in Visual Studio 2022.

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 lieber mit der Tastatur arbeiten, platzieren Sie den Cursor an einer beliebigen Stelle im Konstruktorcode, und drücken Sie STRG+M, STRG+M.

Screenshot of the Outlining collapse button in the Text Editor toolbar in Visual Studio.

Der Codeblock wird bis auf die erste Zeile reduziert, an die Auslassungspunkte angehängt werden (...). Klicken Sie nun auf dasselbe graue Feld, das diesmal mit einem Pluszeichen versehen ist, um den Codeblock erneut zu erweitern, oder drücken Sie zweimal STRG+M, STRG+M. Dieses Feature wird als Gliedern bezeichnet und ist besonders nützlich, wenn Sie lange Methoden oder ganze Klassen reduzieren möchten.

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 lieber mit der Tastatur arbeiten, platzieren Sie den Cursor an einer beliebigen Stelle im Konstruktorcode, und drücken Sie die Tasten STRG+M, STRG+M.

Screenshot of the Outlining collapse button in the Text Editor toolbar in Visual Studio 2022.

Der Codeblock wird bis auf die erste Zeile reduziert, an die Auslassungspunkte angehängt werden (...). Um den Codeblock wieder zu erweitern, klicken Sie auf dasselbe graue Feld, das diesmal mit einem Pluszeichen versehen ist, bzw. drücken Sie erneut STRG+M, STRG+M. Dieses Feature wird als Gliedern bezeichnet und ist besonders nützlich, wenn Sie lange Methoden oder ganze Klassen reduzieren möchten.

Anzeigen von Symboldefinitionen

Der Visual Studio-Editor erleichtert u.a. die Prüfung der Definition eines Typs oder einer Methode. Sie können z.B. zu der Datei navigieren, die die Definition enthält, indem Sie an einer beliebigen Stelle, an der auf das Symbol verwiesen wird, Gehe zu Definition auswählen. Sie können auch die Option Definition einsehen verwenden. Dies stellt eine schnellere Möglichkeit dar, bei der der Fokus weiterhin auf der Datei liegt. Im Folgenden wird die Definition von Typ string dargestellt.

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

    Daraufhin wird ein Popupfenster mit der Definition der String-Klasse angezeigt. Sie können in dem Popupfenster scrollen oder sogar die Definition eines anderen Typs des eingesehenen Codes einsehen.

    Screenshot of a Peek definition window in Visual Studio.

  2. Schließen Sie das eingesehene Definitionsfenster, indem Sie auf das kleine „x“ in der oberen rechten Ecke des Popupfensters klicken.

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 Möglichkeit, bei der der Fokus auf dem bearbeiteten Code verbleibt, bietet die Option Definition einsehen.

Im Folgenden wird die Definition von Typ string dargestellt.

  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.

    Daraufhin wird ein Popupfenster mit der Definition der String-Klasse angezeigt. Sie können in dem Popupfenster scrollen oder sogar die Definition eines anderen Typs des eingesehenen Codes einsehen.

    Screenshot of the Peek definition window in Visual Studio 2022.

  2. Schließen Sie das Fenster „Definition einsehen“, indem Sie auf das „x“ in der oberen rechten Ecke des Popupfensters klicken.

Verwenden von IntelliSense zum Vervollständigen von Wörtern

IntelliSense ist eine wichtige Ressource beim Codieren. 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 Wörter zu vervollständigen, nachdem genug Zeichen eingegeben wurden, um sie eindeutig zu machen. Fügen Sie eine einzige Codezeile hinzu, um die geordneten Zeichenfolgen im Konsolenfenster auszugeben. Dies ist der standardmäßige Ort für die Programmausgabe.

  1. Beginnen Sie unter der Variable query mit dem Eingeben des folgenden Codes:

    foreach (string str in qu
    

    IntelliSense zeigt QuickInfo zum query-Symbol an.

    Screenshot of an IntelliSense word completion pop-up in Visual Studio.

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

  3. Vervollständigen Sie den Codeblock, sodass dieser wie der folgende Code aussieht. Sie können das Verwenden von Codeausschnitten noch einmal üben, indem Sie cw eingeben und dann zweimal die TAB-TASTE drücken, um den Console.WriteLine-Code zu generieren.

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

IntelliSense ist eine wichtige Ressource beim Codieren. 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 Wörter zu vervollständigen, nachdem genug Zeichen eingegeben wurden, um sie eindeutig zu machen.

Fügen Sie eine einzige Codezeile hinzu, um die geordneten Zeichenfolgen im Konsolenfenster auszugeben. Dies ist der standardmäßige Ort für die Programmausgabe.

  1. Beginnen Sie unter der Variable query mit dem Eingeben des folgenden Codes:

    foreach (string str in qu
    

    Anschließend wird ein IntelliSense-Popup mit Informationen zum query-Symbol angezeigt.

    Screenshot of an IntelliSense word completion pop-up 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. Vervollständigen Sie den Codeblock, sodass dieser wie der folgende Code aussieht. Sie können das Verwenden von Codeausschnitten weiter üben, indem Sie cw eingeben und dann zwei Mal die TAB-TASTE drücken, um die Console.WriteLine-Anweisung zu generieren.

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

Refactoring eines Namens

Niemandem gelingt das Codieren schon beim ersten Versuch. Es ist also sehr wahrscheinlich, dass Sie irgendwann den Namen einer Variablen oder Methode ändern möchten. Testen Sie 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 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 Wörter ein. Beachten Sie dabei, 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 of a Rename dialog box in Visual Studio.

  3. Drücken Sie die EINGABETASTE.

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

Niemandem gelingt das Codieren schon beim ersten Versuch. Es ist also sehr wahrscheinlich, dass Sie irgendwann den Namen einer Variablen oder Methode ändern möchten. 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 of the Rename pop-up box within the editor of Visual Studio 2022.

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

    Screenshot of the Rename pop-up box in Visual Studio 2022.

  3. Drücken Sie die EINGABETASTE.

    Beide Instanzen von someWords in Ihrem Code sowie der Text someWords im Codekommentar wurden umbenannt.

Nächste Schritte

Siehe auch