2015-05-09 53 views
169

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

Es scheint keine Option für sie in der settings.json zu sein (obwohl es eine Option in Atom.io ist), und ich habe nicht mit CSS konnte Leerzeichen angezeigt werden soll.

Antwort

265

VS-Code 1.6.0 und Groß

Wie aloisdg below erwähnt, editor.renderWhitespace ist jetzt eine Enumeration Einnahme entweder none, boundary oder all. Um alle Whitespaces anzuzeigen:

"editor.renderWhitespace": "all", 

Vor VS-Code 1.6.0

Vor 1.6.0 mussten Sie setzen editor.renderWhitespace zu true:

"editor.renderWhitespace": true 
+13

Gibt es eine Möglichkeit, dies nur für ausgewählte Zeichen zu tun, wie zum Beispiel die Option "draw_white_space": "selection" 'von Sublime? – noio

+10

@noio Noch nicht, aber es ist auf dem Weg [github] (https://github.com/Microsoft/vscode/issues/1477) – revo

+0

@revo Danke! Das ist, was ich gesucht habe, aber wusste nicht, wie man eine Suchabfrage richtig bildet, um etwas nützliches zu finden! –

15

nur um die Änderungen zu zeigen, dass editor.renderWhitespace : true wird zu Ihrem VSCode tun Ich habe diesen Screenshot hinzugefügt:
enter image description here.

Wo Tab sind und Raum sind .

+1

P.S. Farbschema ist nicht Teil der Änderung (Ich habe ein extra Plugin dafür) –

+1

Plugin kann hier gefunden werden: https://marketplace.visualstudio.com/items?itemName=oderwat.indent-rainbow&showReviewDialog=true –

33

Für diejenigen, die bereit zu Toggle Leerzeichen mit einer Tastenkombination, Sie eine benutzerdefinierte Bindung an die keybindings.json Datei hinzufügen können (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 aus Ctrl zugewiesen + Umschalt +i unsichtbare Zeichen zu wechseln, Sie können natürlich eine andere Kombination wählen.

+0

Mein Visual Studio verwendet ' Strg + e Strg + s' standardmäßig. Für Combo-Verknüpfungen wie diese müssen Sie ein Leerzeichen zwischen den beiden Kombinationen einfügen, nicht ein Komma. – t3chb0t

9

Es ist kein boolean mehr. 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 Original diff auf GitHub sehen.

31

anzeigen Leerzeichen in Visual Studio-Code

Änderung der setting.json, indem Sie die folgenden Codes addieren!

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

einfach so!
(PS: Es gibt keine "true" Option !, auch funktioniert es auch.) enter image description here

+3

versuchte herauszufinden, was diese Option tat, +1 für das Bild. – slashp

+0

Wahre arbeiten nicht mehr! Muss "all" als String angeben. –

1

Um die diff anzuzeigen Leerzeichen ähnlich git diff gesetzt diffEditor.ignoreTrimWhitespace auf false zu erhalten. edit.renderWhitespace ist nur marginal hilfreich.

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

Um die Einstellungen zu

Datei> Einstellungen> Benutzereinstellungen

Hinweis für Mac-Benutzer gehen zu aktualisieren: Das Menü Einstellungen ist unter-Code nicht Datei. Für Beispiel Code> Einstellungen> Benutzereinstellungen.

Dies öffnet eine Datei mit dem Titel "Standardeinstellungen". Erweitern Sie den Bereich //Editor. Jetzt können Sie sehen, wo all diese mysteriösen editor.* Einstellungen sind. Suche (CTRL + F) für renderWhitespace. Ich habe auf meiner Box:

// 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", 

zur Verwirrung hinzuzufügen, die Fenster „Standardeinstellungen“ links ist nicht editierbar. Sie müssen sie überschreiben, indem Sie das Fenster rechts mit dem Titel "settings.json" verwenden.

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

Ich landete ausgeschaltet renderWhitespace: Sie können Paste Einstellungen von „Standardeinstellungen“ auf „settings.json“ kopieren.

24

Es kann auch über Menu -> View -> Toggle Render Whitespace getan werden. Zwischen, verwende Visual Studio Code

3

Die Option, Whitespace sichtbar zu machen, erscheint nun und eine Option im Menü Ansicht, wie "Toggle Render Whitespace" in Version 1.15.1 von Visual Studio Code.

Verwandte Themen