Ist es möglich, Leerzeichen wie das Leerzeichen in Visual Studio Code anzuzeigen?

Es scheint keine Option dafür in der zu geben settings.json(obwohl es eine Option in Atom.io ist ), und ich konnte keine Leerzeichen mit CSS anzeigen.

VS Code 1.6.0 und höher

Wie bereits erwähnt von unten aloisdg , editor.renderWhitespaceist nun entweder eine Enumeration nehmen none, boundaryoder all. So zeigen Sie alle Leerzeichen an:

"editor.renderWhitespace": "all", 

Vor VS Code 1.6.0

Vor 1.6.0, mußte man Satz editor.renderWhitespacean true:

"editor.renderWhitespace": true

Dies kann auch über das Hauptmenü erfolgen View -> Render Whitespace

UPDATE (Juni 2019)

Für diejenigen , die bereit zu wechseln Leerzeichen eine Tastenkombination verwenden, können Sie einfach einen hinzufügen können Keybinding dafür.

In den neuesten Versionen von Visual Studio Code gibt es jetzt eine benutzerfreundliche grafische Oberfläche (dh Sie müssen keine JSON-Daten usw. eingeben), um alle verfügbaren Tastaturkürzel anzuzeigen und zu bearbeiten. Es ist immer noch unter

Datei> Einstellungen> Tastaturkürzel (oder verwenden Sie Ctrl+ K Ctrl+ S)

Es gibt auch ein Suchfeld, mit dem Sie die gewünschten Tastenkombinationen schnell finden (und filtern) können. Das Hinzufügen neuer und das Bearbeiten der vorhandenen Tastenkombinationen ist jetzt viel einfacher:

Das Umschalten von Leerzeichen hat keine Standard- Tastenkombination. Sie können also eine hinzufügen. Drücken Sie einfach auf das +Zeichen auf der linken Seite der zugehörigen Zeile (oder drücken Sie Enteroder doppelklicken Sie auf eine beliebige Stelle in dieser Zeile) und geben Sie die gewünschte Kombination in das Popup-Fenster ein.

Und wenn die von Ihnen gewählte Tastenkombination bereits für andere Aktionen verwendet wird, wird eine praktische Warnung angezeigt, auf die Sie klicken und beobachten können, welche Aktionen Ihre ausgewählte Tastenkombination bereits verwenden:

Wie Sie sehen können, ist alles sehr intuitiv und bequem.
Gute Arbeit, Microsoft!

Ursprüngliche (alte) Antwort

Für diejenigen, die Leerzeichen mithilfe einer Tastenkombination umschalten möchten , können Sie der Datei keybindings.json eine benutzerdefinierte Bindung hinzufügen ( Datei> Einstellungen> Tastaturkürzel ).

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 von Ctrl+ Shift+ zugewiesen, ium unsichtbare Zeichen umzuschalten. Sie können natürlich auch eine andere Kombination wählen.

Zeigen Sie Leerzeichen in Visual Studio Code an

Ändern Sie die Einstellung.json, indem Sie die folgenden Codes hinzufügen!

// Place your settings in this file to overwrite default and user settings.
{
    "editor.renderWhitespace": "all"
}

genau wie dieser!
(PS: Es gibt keine "wahre" Option!, Auch wenn es funktioniert.)

editor.renderWhitespace : none||boundary||allUm die Änderungen zu demonstrieren, die an Ihrem VSCode vorgenommen werden, habe ich diesen Screenshot hinzugefügt :
.

Wo Tabsind →und Spacesind.

Es ist kein booleanmehr. Sie wechselten zu einem enum. Jetzt können wir wählen zwischen: none, boundary, und all.

// Controls how the editor should render whitespace characters,
// posibilties are 'none', 'boundary', and 'all'.
// The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

Sie können das ursprüngliche Diff auf GitHub sehen .

* Update Februar 2020 * siehe https://github.com/microsoft/vscode/issues/90386

In Version 1.43 wird der Standardwertselection von nonein Version 1.42 geändert.

"editor.renderWhitespace": "selection"  // default in v1.43

Update für Version 1.37: Hinzufügen der Option zum Rendern von Leerzeichen nur innerhalb des ausgewählten Texts. Siehe Versionshinweise zu Version 1.37, Leerzeichen rendern .

Die editor.renderWhitespaceEinstellung unterstützt jetzt eine selectionOption. Wenn diese Option festgelegt ist, werden Leerzeichen nur für den ausgewählten Text angezeigt:

"editor.renderWhitespace": "selection"

und

"workbench.colorCustomizations": {    
  "editorWhitespace.foreground": "#fbff00"
}

Um die diff Anzeige Leerzeichen ähnlich zu bekommen git diffSatz diffEditor.ignoreTrimWhitespaceauf false gesetzt . edit.renderWhitespaceist nur unwesentlich hilfreich.

// Controls if the diff editor shows changes in leading or trailing whitespace as diffs
"diffEditor.ignoreTrimWhitespace": false,

Um die Einstellungen zu aktualisieren, gehen Sie zu

Datei> Einstellungen> Benutzereinstellungen

Hinweis für Mac-Benutzer: Das Menü "Einstellungen" befindet sich unter "Code nicht Datei". Beispiel: Code> Einstellungen> Benutzereinstellungen.

Dies öffnet eine Datei mit dem Titel "Standardeinstellungen". Erweitern Sie den Bereich //Editor. Jetzt können Sie sehen, wo sich all diese mysteriösen editor.*Einstellungen befinden. Suchen Sie (STRG + F) nach renderWhitespace. Auf meiner Box habe ich:

// Controls how the editor should render whitespace characters, posibilties are 'none', 'boundary', and 'all'. The 'boundary' option does not render single spaces between words.
"editor.renderWhitespace": "none",

Um die Verwirrung zu vergrößern, kann das linke Fenster "Standardeinstellungen" nicht bearbeitet werden. Sie müssen sie im rechten Fenster mit dem Titel "settings.json" überschreiben . Sie können Einfügeeinstellungen von "Standardeinstellungen" nach "settings.json" kopieren:

// Place your settings in this file to overwrite default and user settings.
{
     "editor.renderWhitespace": "all",
     "diffEditor.ignoreTrimWhitespace": false
}

Am Ende habe ich ausgeschaltet renderWhitespace.

Die Option, Leerzeichen sichtbar zu machen, wird jetzt als Option im Menü Ansicht als "Render-Leerzeichen umschalten" in Version 1.15.1 von Visual Studio Code angezeigt.

Drücken Sie die F1-Taste und geben Sie "Render Whitespace umschalten" oder die Teile davon ein, an die Sie sich erinnern können :)

Ich verwende vscode Version 1.22.2, daher könnte dies eine Funktion sein, die es 2015 noch nicht gab.

1. Öffnen Sie die Benutzereinstellungen. Tastaturkürzel: CTR + SHIFT + P-> Einstellungen: Benutzereinstellungen öffnen;

2. In das Suchfeld Whitespace einfügen und alle Parameter auswählen