VS Code 1.6.0及更高版本

正如aloisdg在下面提到的，编辑。renderWhitespace现在是一个枚举，接受none、boundary或all。查询所有空白。

"editor.renderWhitespace": "all", 

VS Code 1.6.0之前

在1.6.0之前，您必须设置编辑器。renderWhitespace为true:

"editor.renderWhitespace": true

只是为了演示编辑器的变化。renderWhitespace: none||boundary||all will do to your VSCode我添加了这张截图: ．

其中Tab是→和Spaceare。

更新(2019年6月)

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

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

>首选项>键盘快捷键(或使用Ctrl+K Ctrl+S)

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

切换空白字符没有默认的键绑定，所以可以随意添加一个。只需按下相关行左侧的+号(或按下Enter，或双击该行上的任何位置)，并在弹出窗口中输入所需的组合。

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

如你所见，一切都非常直观和方便。 干得好，微软!

原来(旧的)答案

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

例子:

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

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

它不再是布尔值了。他们切换到enum。现在我们可以选择:无、有边界和全部。

// 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中显示空白字符

更改设置。Json，通过添加以下代码!

文件路径为“。vscode/settings”。Json在你的项目根文件夹。

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

就像这样! (PS:没有“真”选项!，甚至它也可以工作。)

为了让diff显示空白类似于git的diff设置diffEditor。ignoreTrimWhitespace为false。编辑。renderWhitespace的帮助很小。

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

若要更新设置，请转到

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

这将打开一个名为“默认设置”的文件。展开//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。

更新(2022年12月) 对于最新版本的VSCode，您可以执行视图->外观->渲染空白。

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

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

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

打开用户首选项。键盘快捷键:CTR + SHIFT + P ->首选项:打开用户设置; 在搜索字段中插入空白，并选择所有参数

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

“编辑器。renderWhitespace": " trails " //添加选项

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中，默认值将像在v1.42中一样更改为从无选择。

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

v1.37更新:增加了只在选定文本中呈现空白的选项。参见v1.37版本说明，渲染空白。

编辑器。renderWhitespace设置现在支持选择选项。使用此选项集，空格将只在选定的文本上显示:

"editor.renderWhitespace": "selection"

and

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

我想把这个建议作为旁注提出来。 如果你想修复所有的“尾随空白”警告，你的linter 扔给你。 你可以让VSCode自动从整个文件中删除空白 键盘和弦。 CTRL+K / X(默认)

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

从VSCode 1.75(2023年1月)开始，空格和制表符再现将不会像今天一样受到样式/颜色的影响，如49462期报道的那样:

之前1.75:

PR 168732提出了一个新的实验性whitespacerendering设置:

svg:使用svgs的新渲染方法 font:使用新的字体字符渲染方法 off:使用稳定渲染方法

现在(2022年12月)可以在VSCode内部使用。