在Visual Studio Code中显示空白字符

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

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

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

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

更新(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的组合来切换不可见字符，你当然可以选择另一个组合。

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

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

其中Tab是→和Spaceare。

它不再是布尔值了。他们切换到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上看到最初的差异。

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