VS Code 1.6.0及更高版本

正如aloisdg下面所提到的，editor.renderWhitespace现在是一个枚举，采用none， boundary或all。查询所有空白。

"editor.renderWhitespace": "all",

VS Code 1.6.0之前

在1.6.0之前，你必须将editor.renderWhitespace设置为true:

"editor.renderWhitespace": true

哪里选项卡是→， # eyz3是.

更新(2019年6月)

对于那些愿意使用键盘快捷键切换空白字符的人，您可以轻松地添加keybinding。

在最新版本的Visual Studio Code中，现在有一个用户友好的图形界面(即不需要输入JSON数据等)，可以查看和编辑所有可用的键盘快捷键。它还在

文件>首选项>键盘快捷方式(或使用Ctrl+K Ctrl+年代)

还有一个搜索字段可以帮助快速查找(和过滤)所需的键绑定。所以现在添加新的和编辑现有的键绑定都容易得多:

如果你所选择的键绑定已经用于其他一些操作，将会有一个方便的警告，你可以点击并观察哪些操作已经使用了你所选择的键绑定:

原来(旧的)答案

对于那些愿意使用使用键盘快捷键切换空白字符的人，您可以添加一个自定义绑定到keybindings.json文件(文件>首选项>键盘快捷方式)。

# EYZ0:

// Place your key bindings in this file to overwrite the defaults
[
{
"key": "ctrl+shift+i",
"command": "editor.action.toggleRenderWhitespace"
}
]

这里我分配了Ctrl+转变+我的组合来切换不可见字符，当然你可以选择另一个组合。

它不再是boolean了。他们换成了enum。现在我们可以选择:none， boundary和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",

你可以在GitHub上看到原始的差异。

在Visual Studio Code中显示空白字符

更改settings.json，添加以下代码!

文件路径是项目根文件夹中的.vscode/settings.json。

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

为了让差异显示类似于git diff的空白，将diffEditor.ignoreTrimWhitespace设置为false。edit.renderWhitespace只是有一点点帮助。

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

若要更新设置，请转到

>首选项>用户设置

Mac用户注意:“首选项”菜单在“代码”而不是“文件”下面。为 例如，Code > Preferences >用户设置。

这将打开一个名为“默认设置”的文件。展开区域//Editor。现在你可以看到所有这些神秘的editor.*设置的位置。搜索(CTRL + F) renderWhitespace。我的盒子上写着:

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

更令人困惑的是，左窗口的“默认设置”是不可编辑的。你需要使用标题为“settings.json”的正确的窗口覆盖它们。你可以从“Default settings”复制粘贴设置到“settings.json”:

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

最后我关掉了renderWhitespace。

也可以通过主菜单 View -> Render Whitespace来完成

使空白可见的选项现在显示为视图菜单上的一个选项，如Visual Studio Code版本1.15.1中的“Toggle Render whitespace”。

点击F1按钮，然后输入“Toggle Render Whitespace”或你能记住的部分:)

我使用的是vscode版本1.22.2，所以这可能是一个在2015年不存在的功能。

1. 打开用户首选项。键盘快捷键:CTR + SHIFT + P ->首选项:打开用户设置;

2. 在搜索字段空格中插入，选择所有参数 李# EYZ0 < / p > < / >

***更新2020年8月发布***见https://github.com/microsoft/vscode/pull/104310

"editor.renderWhitespace": "trailing" //添加的选项

Add a new option ('trailing') to editor.renderWhitespace that renders only
trailing whitespace (including lines with only whitespace).

***更新2020年2月发布***见https://github.com/microsoft/vscode/issues/90386

在v1.43中，默认值将更改为selection从none中删除，就像在v1.42中一样。

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

v1.37更新:增加了只在选定文本中呈现空白的选项。看到# EYZ0。

editor.renderWhitespace设置现在支持selection选项。使用此选项集，空格将只在选定的文本上显示:

"editor.renderWhitespace": "selection"

而且

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

.

所有平台(Windows/Linux/Mac):

它在视图→呈现空白下面。

⚠️有时菜单项显示它目前是活动的，但你看不到空白。你应该取消检查，再检查使它工作。这是一个已知的错误🐞

关于macOS的说明

在mac环境中，您可以在帮助菜单下搜索任何菜单选项，然后它将打开您正在寻找的确切菜单路径。例如，搜索白色space会得到这样的结果:

我正在寻找显示空白，因为我的linter一直困扰我的空白警告。这就是我来这里的原因。