Grundlegende Bearbeitung

Visual Studio Code ist in erster Linie ein Editor und enthält die Funktionen, die Sie für die hochproduktive Bearbeitung von Quellcode benötigen. Dieses Thema führt Sie durch die Grundlagen des Editors und hilft Ihnen, mit Ihrem Code voranzukommen.

Tastaturkürzel

Die Hände beim Schreiben von Code auf der Tastatur zu lassen, ist entscheidend für eine hohe Produktivität. VS Code verfügt über einen umfangreichen Satz von Standard-Tastaturkürzeln, die Sie auch anpassen können.

• Tastaturkurzbefehle – Lernen Sie die am häufigsten verwendeten und beliebtesten Tastaturkurzbefehle, indem Sie das Referenzblatt herunterladen.
• Installieren Sie eine Keymap-Erweiterung – Verwenden Sie die Tastenkombinationen Ihres alten Editors (z. B. Sublime Text, Atom und Vim) in VS Code, indem Sie eine Keymap-Erweiterung installieren.
• Anpassen der Tastenkombinationen – Ändern Sie die Standard-Tastenkombinationen, um sie an Ihren Stil anzupassen.

Mehrere Auswahlen (Multi-Cursor)

VS Code unterstützt mehrere Cursor für schnelle gleichzeitige Bearbeitungen. Sie können sekundäre Cursor (dünner gerendert) mit Alt+Klick hinzufügen. Jeder Cursor arbeitet unabhängig von dem Kontext, in dem er sich befindet. Eine gängige Methode, weitere Cursor hinzuzufügen, ist mit ⌥⌘↓ (Windows Strg+Alt+Ab, Linux Umschalt+Alt+Ab) oder ⌥⌘ (Windows Strg+Alt+Auf, Linux Umschalt+Alt+Auf), die Cursor unterhalb oder oberhalb einfügen.

Hinweis: Ihr Grafikkartentreiber (z.B. NVIDIA) kann diese Standardkurzbefehle überschreiben.

⌘D (Windows, Linux Ctrl+D) wählt das Wort am Cursor oder das nächste Vorkommen der aktuellen Auswahl.

Tipp: Sie können auch mehrere Cursor mit ⇧⌘L (Windows, Linux Strg+Umschalt+L) hinzufügen, wodurch eine Auswahl bei jedem Vorkommen des aktuell ausgewählten Textes hinzugefügt wird.

Multicursor-Modifikator

Wenn Sie die Modifikatortaste für die Anwendung mehrerer Cursor in Cmd+Klick unter macOS und Strg+Klick unter Windows und Linux ändern möchten, können Sie dies mit der Einstellung editor.multiCursorModifier tun. Dadurch können Benutzer, die von anderen Editoren wie Sublime Text oder Atom kommen, weiterhin den ihnen vertrauten Tastaturmodifikator verwenden.

Die Einstellung kann wie folgt festgelegt werden:

• ctrlCmd – Bezieht sich auf Ctrl unter Windows und Cmd unter macOS.
• alt – Die bestehende Standardeinstellung Alt.

Es gibt auch einen Menüpunkt „Strg+Klick für Multi-Cursor“ im Auswahlmenü, um diese Einstellung schnell umzuschalten.

Die Gesten „Gehe zu Definition“ und „Link öffnen“ berücksichtigen diese Einstellung ebenfalls und passen sich so an, dass sie nicht in Konflikt geraten. Wenn die Einstellung zum Beispiel ctrlCmd ist, können mehrere Cursor mit Strg/Cmd+Klick hinzugefügt werden, und das Öffnen von Links oder das Gehen zur Definition kann mit Alt+Klick aufgerufen werden.

Auswahl verkleinern/erweitern

Schnell die aktuelle Auswahl verkleinern oder erweitern. Lösen Sie es mit ⌃⇧⌘← (Windows, Linux Shift+Alt+Links) und ⌃⇧⌘→ (Windows, Linux Shift+Alt+Rechts) aus.

Hier ein Beispiel für das Erweitern der Auswahl mit ⌃⇧⌘→ (Windows, Linux Umschalt+Alt+Rechts):

Spalten-(Kasten-)Auswahl

Positionieren Sie den Cursor in einer Ecke und halten Sie dann Umschalt+Alt gedrückt, während Sie zur gegenüberliegenden Ecke ziehen:

Hinweis: Dies ändert sich zu Umschalt+Strg/Befehl, wenn Sie Strg/Befehl als Multi-Cursor-Modifikator verwenden.

Es gibt auch Standard-Tastenbelegungen für die Spaltenauswahl unter macOS und Windows, aber nicht unter Linux.

Taste	Befehl	Befehlskennung
⇧⌥⌘↓ (Windows Strg+Umschalt+Alt+Runter, Linux )	Spaltenauswahl unten	cursorColumnSelectDown
⇧⌥⌘ (Windows Strg+Umschalt+Alt+Auf, Linux )	Spaltenauswahl oben	cursorColumnSelectUp
⇧⌥⌘← (Windows Strg+Umschalt+Alt+Links, Linux )	Spaltenauswahl links	cursorColumnSelectLeft
⇧⌥⌘→ (Windows Strg+Umschalt+Alt+Rechts, Linux )	Spaltenauswahl rechts	cursorColumnSelectRight
⇧⌥⌘PageDown (Windows Strg+Umschalt+Alt+PageDown, Linux )	Spaltenauswahl Seite runter	cursorColumnSelectPageDown
⇧⌥⌘PageUp (Windows Strg+Umschalt+Alt+PageUp, Linux )	Spaltenauswahl Seite hoch	cursorColumnSelectPageUp

Sie können Ihre keybindings.json bearbeiten, um sie an etwas Vertrauteres zu binden, wenn Sie möchten.

Spaltenauswahlmodus

Die Benutzereinstellung Editor: Column Selection steuert diese Funktion. Sobald dieser Modus aktiviert ist, wie in der Statusleiste angezeigt wird, erzeugen die Mausgesten und die Pfeiltasten standardmäßig eine Spaltenauswahl. Diese globale Umschaltfunktion ist auch über den Menüpunkt Auswahl > Spaltenauswahlmodus zugänglich. Außerdem kann man den Spaltenauswahlmodus auch über die Statusleiste deaktivieren.

Speichern / Automatisches Speichern

Standardmäßig erfordert VS Code eine explizite Aktion, um Ihre Änderungen auf der Festplatte zu speichern, ⌘S (Windows, Linux Strg+S).

Es ist jedoch einfach, die Option Auto Save zu aktivieren, die Ihre Änderungen nach einer konfigurierten Verzögerung oder wenn der Fokus den Editor verlässt, speichert. Wenn diese Option aktiviert ist, muss die Datei nicht explizit gespeichert werden. Am einfachsten lässt sich Auto Save mit der Option Datei > Automatisch speichern aktivieren, die das Speichern nach einer Verzögerung ein- und ausschaltet.

Für mehr Kontrolle über Auto Save öffnen Sie die Benutzer- oder Arbeitsbereichseinstellungen und suchen Sie die zugehörigen Einstellungen:

• files.autoSave: Kann folgende Werte annehmen:
  • off – zum Deaktivieren der automatischen Speicherung.
  • afterDelay – zum Speichern von Dateien nach einer konfigurierten Verzögerung (Standardwert 1000 ms).
  • onFocusChange – um Dateien zu speichern, wenn der Fokus aus dem Editor der schmutzigen Datei bewegt wird.
  • onWindowChange – um Dateien zu speichern, wenn der Fokus aus dem VS-Code-Fenster bewegt wird.
• files.autoSaveDelay: Konfiguriert die Verzögerung in Millisekunden, wenn files.autoSave auf afterDelay konfiguriert ist. Der Standardwert ist 1000 ms.

Hot Exit

VS Code speichert standardmäßig nicht gespeicherte Änderungen an Dateien, wenn Sie die Anwendung verlassen. Hot Exit wird ausgelöst, wenn die Anwendung über File > Exit (Code > Quit auf macOS) geschlossen wird oder wenn das letzte Fenster geschlossen wird.

Sie können Hot Exit konfigurieren, indem Sie files.hotExit auf die folgenden Werte setzen:

• "off": Hot Exit deaktivieren.
• "onExit": Hot Exit wird ausgelöst, wenn die Anwendung geschlossen wird, d.h. wenn das letzte Fenster unter Windows/Linux geschlossen wird oder wenn der Befehl workbench.action.quit ausgelöst wird (über die Befehlspalette, eine Tastenkombination oder das Menü). Alle Fenster ohne geöffnete Ordner werden beim nächsten Start wiederhergestellt.
• "onExitAndWindowClose": Hot Exit wird ausgelöst, wenn die Anwendung geschlossen wird, d.h. wenn das letzte Fenster unter Windows/Linux geschlossen wird oder wenn der Befehl workbench.action.quit ausgelöst wird (über die Befehlspalette, eine Tastenkombination oder das Menü), und auch für jedes Fenster mit einem geöffneten Ordner, unabhängig davon, ob es das letzte Fenster ist. Alle Fenster, in denen keine Ordner geöffnet sind, werden beim nächsten Start wiederhergestellt. Um Ordnerfenster so wiederherzustellen, wie sie vor dem Herunterfahren waren, setzen Sie window.restoreWindows auf all.

Wenn beim Hot Exit etwas schiefgeht, werden alle Sicherungen in den folgenden Ordnern für Standardinstallationsorte gespeichert:

• Windows %APPDATA%\Code\Backups
• macOS $HOME/Library/Application Support/Code/Backups
• Linux $HOME/.config/Code/Backups

Suchen und Ersetzen

VS Code ermöglicht es Ihnen, schnell Text zu finden und in der aktuell geöffneten Datei zu ersetzen. Drücken Sie ⌘F (Windows, Linux Strg+F), um das Suchen-Widget im Editor zu öffnen. Die Suchergebnisse werden im Editor, im Übersichtslineal und in der Minimap hervorgehoben.

Wenn es mehr als ein übereinstimmendes Ergebnis in der aktuell geöffneten Datei gibt, können Sie Enter und ⇧Enter (Windows, Linux Shift+Enter) drücken, um zum nächsten oder vorherigen Ergebnis zu navigieren, wenn das Sucheingabefeld fokussiert ist.

Suchbegriff aus der Auswahl übernehmen

Wenn das Such-Widget geöffnet wird, füllt es automatisch den im Editor ausgewählten Text in das Eingabefeld für die Suche ein. Wenn die Auswahl leer ist, wird stattdessen das Wort unter dem Cursor in das Eingabefeld eingefügt.

Diese Funktion kann ausgeschaltet werden, indem editor.find.seedSearchStringFromSelection auf false gesetzt wird.

In Auswahl suchen

Standardmäßig werden die Suchoperationen auf die gesamte Datei im Editor angewendet. Sie kann aber auch auf ausgewählten Text angewendet werden. Sie können diese Funktion einschalten, indem Sie auf das Hamburger-Symbol im Such-Widget klicken.

Wenn Sie möchten, dass dies das Standardverhalten des Such-Widgets ist, können Sie editor.find.autoFindInSelection auf always setzen, oder auf multiline, wenn Sie möchten, dass es nur auf markierten Text angewendet wird, wenn mehrere Zeilen des Inhalts markiert sind.

Erweiterte Optionen für das Suchen und Ersetzen

Zusätzlich zum Suchen und Ersetzen von einfachem Text bietet das Suchen-Widget auch drei erweiterte Suchoptionen:

• Groß-/Kleinschreibung beachten
• Ganzes Wort beachten
• Regelmäßiger Ausdruck

Das Ersetzen-Eingabefeld unterstützt die Groß-/Kleinschreibung, die Sie durch Klicken auf die Schaltfläche Groß-/Kleinschreibung beachten (AB) aktivieren können.

Mehrzeilige Unterstützung und Größenänderung des Such-Widgets

Sie können mehrzeiligen Text suchen, indem Sie den Text in das Eingabefeld Suchen und Ersetzen einfügen. Durch Drücken von Ctrl+Enter wird eine neue Zeile in das Eingabefeld eingefügt.

Bei der Suche nach langem Text ist die Standardgröße des Such-Widgets möglicherweise zu klein. Sie können die linke Schärpe ziehen, um das Such-Widget zu vergrößern, oder auf die linke Schärpe doppelklicken, um es zu maximieren oder auf die Standardgröße zu verkleinern.

Dateiübergreifende Suche

VS Code ermöglicht Ihnen die schnelle Suche in allen Dateien im aktuell geöffneten Ordner. Drücken Sie ⇧⌘F (Windows, Linux Strg+Shift+F) und geben Sie Ihren Suchbegriff ein. Die Suchergebnisse werden in Dateien gruppiert, die den Suchbegriff enthalten, mit einer Angabe der Treffer in jeder Datei und deren Speicherort. Erweitern Sie eine Datei, um eine Vorschau aller Treffer in dieser Datei zu sehen. Klicken Sie dann auf einen der Treffer, um ihn im Editor anzuzeigen.

Tipp: Wir unterstützen auch die Suche mit regulären Ausdrücken im Suchfeld.

Sie können erweiterte Suchoptionen konfigurieren, indem Sie auf die Ellipse (Suchdetails umschalten) unter dem Suchfeld auf der rechten Seite klicken (oder ⇧⌘J drücken (Windows, Linux Strg+Shift+J)). Dadurch werden zusätzliche Felder zur Konfiguration der Suche angezeigt.

Erweiterte Suchoptionen

In den beiden Eingabefeldern unterhalb des Suchfeldes können Sie Muster eingeben, die in die Suche einbezogen oder von ihr ausgeschlossen werden sollen. Wenn Sie example eingeben, werden alle Ordner und Dateien mit dem Namen example im Arbeitsbereich berücksichtigt. Wenn Sie ./example eingeben, entspricht dies dem Ordner example/ auf der obersten Ebene Ihres Arbeitsbereichs. Verwenden Sie ,, um mehrere Muster zu trennen. Pfade müssen Schrägstriche enthalten. Sie können auch eine globale Syntax verwenden:

• * für eine Übereinstimmung mit einem oder mehreren Zeichen in einem Pfadsegment
• ? für eine Übereinstimmung mit einem Zeichen in einem Pfadsegment
• ** für eine Übereinstimmung mit einer beliebigen Anzahl von Pfadsegmenten, einschließlich none
• {}, um Bedingungen zu gruppieren (z. B. {**/*.html,**/*.txt} passt auf alle HTML- und Textdateien)
• , um einen Bereich von übereinstimmenden Zeichen zu deklarieren (example. für die Übereinstimmung mit example.0, example.1, …)

VS Code schließt einige Ordner standardmäßig aus, um die Anzahl der Suchergebnisse zu reduzieren, an denen Sie nicht interessiert sind (z.B.: node_modules). Öffnen Sie die Einstellungen, um diese Regeln in den Abschnitten files.exclude und search.exclude zu ändern.

Beachten Sie, dass globale Muster in der Suchansicht anders funktionieren als in Einstellungen wie files.exclude und search.exclude. In den Einstellungen müssen Sie **/example verwenden, um einen Ordner namens example im Unterordner folder1/example in Ihrem Arbeitsbereich zu finden. In der Suchansicht wird das Präfix ** angenommen.

Beachten Sie auch die Umschalttaste Ausschlusseinstellungen verwenden und Dateien ignorieren im Feld Auszuschließende Dateien. Mit der Umschalttaste können Sie festlegen, ob Dateien ausgeschlossen werden sollen, die von Ihren .gitignore-Dateien ignoriert werden und/oder mit Ihren files.exclude– und search.exclude-Einstellungen übereinstimmen.

Tipp: Im Explorer können Sie mit der rechten Maustaste auf einen Ordner klicken und In Ordner suchen wählen, um nur innerhalb eines Ordners zu suchen.

Suchen und Ersetzen

Sie können auch dateiübergreifend suchen und ersetzen. Erweitern Sie das Widget „Suchen“, um das Textfeld „Ersetzen“ anzuzeigen.

Wenn Sie Text in das Textfeld „Ersetzen“ eingeben, werden die anstehenden Änderungen in einer Diff-Anzeige angezeigt. Sie können im Textfeld „Ersetzen“ alle Dateien ersetzen, alle in einer Datei ersetzen oder eine einzelne Änderung ersetzen.

Tipp: Sie können einen früheren Suchbegriff schnell wiederverwenden, indem Sie mit ↓ (Windows, Linux Abwärts) und (Windows, Linux Aufwärts) durch Ihren Suchbegriffsverlauf navigieren.

IntelliSense

Wir werden immer eine Wortvervollständigung anbieten, aber für die reichhaltigen Sprachen, wie JavaScript, JSON, HTML, CSS, SCSS, Less, C# und TypeScript, bieten wir eine echte IntelliSense-Erfahrung. Wenn ein Sprachdienst mögliche Vervollständigungen kennt, werden die IntelliSense-Vorschläge während der Eingabe angezeigt. Sie können sie jederzeit manuell mit ⌃Leertaste (Windows, Linux Strg+Leertaste) auslösen. Standardmäßig werden Tabulator oder Enter als Tastaturauslöser akzeptiert, aber Sie können diese Tastenkombinationen auch anpassen.

Tipp: Die Filterung der Vorschläge unterstützt CamelCase, so dass Sie die Buchstaben, die in einem Methodennamen groß geschrieben werden, eingeben können, um die Vorschläge einzuschränken. Zum Beispiel wird „cra“ schnell zu „createApplication“ führen.

Tipp: IntelliSense-Vorschläge können über die editor.quickSuggestions– und editor.suggestOnTriggerCharacters-Einstellungen konfiguriert werden.

JavaScript- und TypeScript-Entwickler können das npmjs-Datei-Repository für Typendeklarationen (typings) nutzen, um IntelliSense für gängige JavaScript-Bibliotheken (Node.js, React, Angular) zu erhalten. Eine gute Erklärung zur Verwendung von Typdeklarationsdateien finden Sie im Thema zur JavaScript-Sprache und im Node.js-Tutorial.

Erfahren Sie mehr im IntelliSense-Dokument.

Formatierung

VS Code bietet eine hervorragende Unterstützung für die Formatierung von Quellcode. Der Editor verfügt über zwei explizite Formatierungsaktionen:

• Dokument formatieren (⇧⌥F (Windows Shift+Alt+F, Linux Ctrl+Shift+I)) – Formatiert die gesamte aktive Datei.
• Auswahl formatieren (⌘K ⌘F (Windows, Linux Ctrl+K Ctrl+F)) – Formatiert den ausgewählten Text.

Sie können diese über die Befehlspalette (⇧⌘P (Windows, Linux Strg+Umschalt+P)) oder das Kontextmenü des Editors aufrufen.

VS Code verfügt über Standardformatierer für JavaScript, TypeScript, JSON und HTML. Jede Sprache verfügt über spezifische Formatierungsoptionen (z. B. html.format.indentInnerHtml), die Sie in Ihren Benutzer- oder Arbeitsbereichseinstellungen nach Ihren Wünschen anpassen können. Sie können den Standard-Sprachformatierer auch deaktivieren, wenn Sie eine andere Erweiterung installiert haben, die die Formatierung für dieselbe Sprache bietet.

"html.format.enable": false

Neben dem manuellen Aufrufen der Code-Formatierung können Sie die Formatierung auch auf der Grundlage von Benutzergesten wie Tippen, Speichern oder Einfügen auslösen. Diese sind standardmäßig ausgeschaltet, aber Sie können diese Verhaltensweisen über die folgenden Einstellungen aktivieren:

• editor.formatOnType – Formatiert die Zeile nach der Eingabe.
• editor.formatOnSave – Formatiert eine Datei beim Speichern.
• editor.formatOnPaste – Formatiert den eingefügten Inhalt.

Hinweis: Nicht alle Formatierer unterstützen das Formatieren beim Einfügen, da sie dazu die Formatierung einer Auswahl oder eines Textbereichs unterstützen müssen.

Zusätzlich zu den Standardformatierern finden Sie auf dem Marketplace Erweiterungen, die andere Sprachen oder Formatierungswerkzeuge unterstützen. Es gibt eine Formatters-Kategorie, in der Sie Formatierungserweiterungen leicht suchen und finden können. Geben Sie im Suchfeld der Ansicht „Erweiterungen“ „Formatierer“ oder „Kategorie:Formatierer“ ein, um eine gefilterte Liste der Erweiterungen in VS Code anzuzeigen.

Falten

Sie können Bereiche des Quellcodes mithilfe der Faltungssymbole in der Leiste zwischen Zeilennummern und Zeilenbeginn falten. Bewegen Sie die Maus über den Bundsteg und klicken Sie, um Bereiche ein- und auszufalten. Verwenden Sie Umschalt+Klick auf das Faltungssymbol, um die Region und alle darin enthaltenen Regionen ein- oder auszufalten.

Sie können auch die folgenden Aktionen verwenden:

• Falten (⌥⌘ (Windows, Linux Strg+Umschalt+])) faltet die zusammengeklappte Region am Cursor auf.
• Falten (⌘K ⌘L (Windows, Linux Strg+K Strg+L)) faltet die Region am Cursor ein oder aus.
• Rekursiv falten (⌘K ⌘ (Windows, Linux Strg+K Strg+])) faltet die Region am Cursor und alle Regionen innerhalb dieser Region aus.
• Alle falten (⌘K ⌘0 (Windows, Linux Strg+K Strg+0)) faltet alle Regionen im Editor aus.
• Alle aufklappen (⌘K ⌘J (Windows, Linux Strg+K Strg+J)) faltet alle Regionen im Editor aus.
• Ebene X aufklappen (⌘K ⌘2 (Windows, Linux Ctrl+K Ctrl+2) für Ebene 2) klappt alle Regionen der Ebene X auf, außer der Region an der aktuellen Cursorposition.
• Alle Blockkommentare falten (⌘K ⌘/ (Windows, Linux Ctrl+K Ctrl+/)) faltet alle Regionen, die mit einem Blockkommentar-Token beginnen.

Faltregionen werden standardmäßig anhand der Einrückung von Zeilen ausgewertet. Eine Folding Region beginnt, wenn eine Zeile einen kleineren Einzug hat als eine oder mehrere nachfolgende Zeilen, und endet, wenn es eine Zeile mit dem gleichen oder einem kleineren Einzug gibt.

Seit der Version 1.22 können Folding Regions auch auf der Basis von Syntax-Token der im Editor konfigurierten Sprache berechnet werden. Die folgenden Sprachen bieten bereits syntaxbewusstes Folding: Markdown, HTML, CSS, LESS, SCSS und JSON.

Wenn Sie es vorziehen, für eine (oder alle) der oben genannten Sprachen zurück zur einrückungsbasierten Faltung zu wechseln, verwenden Sie:

 "": { "editor.foldingStrategy": "indentation" },

Regionen können auch durch Marker definiert werden, die von jeder Sprache festgelegt werden. In den folgenden Sprachen sind derzeit Marker definiert:

Sprache	Startregion	Endregion
Bat	::#region oder REM #region	::#endregion oder REM #endregion
C#	#region	#endregion
C/C++	#pragma region	#pragma endregion
CSS/Less/SCSS	/*#region*/	/*#endregion*/
Coffeescript	#region	#endregion
F#	//#region oder (#_region)	//#endregion oder (#_endregion)
Java	//#region oder //<editor-fold>	// #endregion oder //</editor-fold>
Markdown	<!-- #region -->	<!-- #endregion -->
Perl5	#region oder =pod	#endregion oder =cut
PHP	#region	#endregion
PowerShell	#region	#endregion
Python	#region oder # region	#endregion oder # endregion
TypeScript/JavaScript	//#region	//#endregion
Visual Basic	#Region	#End Region

Um nur die durch Markierungen definierten Bereiche ein- und auszufalten, verwenden:

• Markerregionen falten (⌘K ⌘8 (Windows, Linux Ctrl+K Ctrl+8)) faltet alle Markerregionen.
• Markierungsbereiche ausklappen (⌘K ⌘9 (Windows, Linux Ctrl+K Ctrl+9)) klappt alle Markierungsbereiche aus.

Einrückung

VS Code ermöglicht es Ihnen, die Texteinrückung zu steuern und festzulegen, ob Sie Leerzeichen oder Tabstopps verwenden möchten. Standardmäßig fügt VS Code Leerzeichen ein und verwendet 4 Leerzeichen pro Tabulator-Taste. Wenn Sie einen anderen Standard verwenden möchten, können Sie die Einstellungen editor.insertSpaces und editor.tabSize ändern.

 "editor.insertSpaces": true, "editor.tabSize": 4,

Automatische Erkennung

VS Code analysiert Ihre geöffnete Datei und bestimmt die im Dokument verwendete Einrückung. Die automatisch erkannte Einrückung setzt Ihre Standardeinstellungen für die Einrückung außer Kraft. Die erkannte Einstellung wird auf der rechten Seite der Statusleiste angezeigt:

Sie können auf die Einrückungsanzeige in der Statusleiste klicken, um ein Dropdown-Menü mit Einrückungsbefehlen aufzurufen, mit denen Sie die Standardeinstellungen für die geöffnete Datei ändern oder zwischen Tabulatoren und Leerzeichen umschalten können.

Hinweis: Die automatische Erkennung von VS Code prüft auf Einrückungen von 2, 4, 6 oder 8 Leerzeichen. Wenn Ihre Datei eine andere Anzahl von Leerzeichen verwendet, wird die Einrückung möglicherweise nicht korrekt erkannt. Wenn Sie beispielsweise 3 Leerzeichen für die Einrückung verwenden, sollten Sie editor.detectIndentation deaktivieren und die Tabulatorgröße explizit auf 3 setzen.

 "editor.detectIndentation": false, "editor.tabSize": 3,

Unterstützung der Dateikodierung

Setzen Sie die Dateikodierung global oder pro Arbeitsbereich, indem Sie die files.encodingEinstellung in den Benutzer- oder Arbeitsbereichseinstellungen verwenden.

Sie können die Dateikodierung in der Statusleiste anzeigen.

Klicken Sie auf die Schaltfläche Kodierung in der Statusleiste, um die aktive Datei mit einer anderen Kodierung zu öffnen oder zu speichern.

Wählen Sie dann eine Kodierung aus.

Sie haben die grundlegende Benutzeroberfläche kennengelernt – VS Code hat noch viel mehr zu bieten. Lesen Sie weiter und erfahren Sie mehr über:

• Intro Video – Setup und Grundlagen – Sehen Sie sich ein Tutorial über die Grundlagen von VS Code an.
• Benutzer-/Arbeitsbereichseinstellungen – Lernen Sie, wie Sie VS Code über Benutzer- und Arbeitsbereichseinstellungen nach Ihren Wünschen konfigurieren können.
• Code-Navigation – Peek and Goto Definition und mehr.
• Integriertes Terminal – Lernen Sie das integrierte Terminal kennen, mit dem Sie schnell Befehlszeilenaufgaben aus VS Code heraus ausführen können.
• IntelliSense – VS Code bietet intelligente Codevervollständigungen.
• Debugging – Hier glänzt VS Code wirklich.

Häufige Fragen

Ist es möglich, global zu suchen und zu ersetzen?

Ja, erweitern Sie das Textfeld der Suchansicht um ein Feld zum Ersetzen von Text. Sie können in allen Dateien in Ihrem Arbeitsbereich suchen und ersetzen. Beachten Sie, dass die Suche nur in den aktuell geöffneten Dateien ausgeführt wird, wenn Sie VS Code nicht in einem Ordner geöffnet haben.

Wie schalte ich den Wortumbruch ein?

Sie können den Wortumbruch über die Einstellung editor.wordWrap steuern. Standardmäßig ist editor.wordWrap auf off eingestellt, aber wenn Sie es auf on setzen, wird der Text auf die Breite des Ansichtsfensters des Editors umbrochen.

 "editor.wordWrap": "on"

Sie können den Wortumbruch für die VS Code-Sitzung mit ⌥Z (Windows, Linux Alt+Z) umschalten.

Sie können dem Editor auch vertikale Spaltenlineale mit der Einstellung editor.rulers hinzufügen, die ein Array von Spaltenzeichenpositionen annimmt, an denen Sie vertikale Lineale haben möchten.