Ist es möglich, Leerzeichen, wie das Leerzeichen, in Visual Studio Code anzuzeigen?
Es scheint keine Option dafür in der settings.json
zu geben (obwohl es eine Option in Atom.io ist), und ich war nicht in der Lage, Leerzeichen mit CSS anzuzeigen.
VS-Code 1.6.0 und höher
Wie von aloisdg unten erwähnt, ist editor.renderWhitespace
jetzt ein Enum, das entweder none
, boundary
oder all
annimmt. Um alle Whitespaces anzuzeigen:
"editor.renderWhitespace": "all",
Vor VS Code 1.6.0
Vor 1.6.0 musste man editor.renderWhitespace
auf true
setzen:
"editor.renderWhitespace": true
Für diejenigen, die mit einem Tastaturkürzel Whitespace-Zeichen umschalten möchten, können Sie einfach eine Keybinding dafür hinzufügen.
In den neuesten Versionen von Visual Studio Code gibt es jetzt eine benutzerfreundliche grafische Oberfläche (d. h. keine Notwendigkeit, JSON-Daten usw. einzugeben), um alle verfügbaren Tastaturkürzel anzuzeigen und zu bearbeiten. Sie befindet sich noch unter
File > Preferences > Keyboard Shortcuts (oder verwenden Sie Ctrl+K Ctrl+S)
Außerdem gibt es ein Suchfeld, mit dem sich die gewünschten Tastaturbelegungen schnell finden (und filtern) lassen. Damit wird sowohl das Hinzufügen neuer als auch das Bearbeiten vorhandener Tastenkombinationen wesentlich einfacher:
Das Umschalten von Whitespace-Zeichen hat keine Standard-Tastenbelegung, also können Sie gerne eine hinzufügen. Drücken Sie einfach das Zeichen + auf der linken Seite der entsprechenden Zeile (oder drücken Sie Enter, oder doppelklicken Sie irgendwo auf diese Zeile) und geben Sie die gewünschte Kombination in das Pop-up-Fenster ein.
Und wenn die von Ihnen gewählte Tastenkombination bereits für eine andere Aktion verwendet wird, erscheint eine praktische Warnung, auf die Sie klicken können, um zu sehen, für welche Aktion(en) Ihre gewählte Tastenkombination bereits verwendet wird:
Wie Sie sehen können, ist alles sehr intuitiv und bequem.
Gute Arbeit, Microsoft!
Für diejenigen, die Whitespace-Zeichen mit einem Tastaturkürzel umschalten möchten, können Sie eine benutzerdefinierte Bindung zur Datei keybindings.json hinzufügen (File > Preferences > Keyboard Shortcuts).
Beispiel:
// Place your key bindings in this file to overwrite the defaults
[
{
"key": "ctrl+shift+i",
"command": "editor.action.toggleRenderWhitespace"
}
]
Hier habe ich eine Kombination aus Strg+Shift+i zugewiesen, um unsichtbare Zeichen umzuschalten, Sie können natürlich eine andere Kombination wählen.