在Visual Studio代码中显示空白字符

Question

是否可以在Visual Studio Code中显示空格字符，如空格字符？

在settings.json中似乎没有选项（虽然它是 Atom.io 中的一个选项），但我无法显示空格使用CSS的字符。

Answer 1

VS Code 1.6.0及更高

如aloisdg below所述，editor.renderWhitespace现在是none，boundary或all的枚举。要查看所有空格：

"editor.renderWhitespace": "all", 

在VS Code 1.6.0之前

在1.6.0之前，您必须将editor.renderWhitespace设置为true：

"editor.renderWhitespace": true

Answer 2

也可以通过 主菜单 View -> Toggle Render Whitespace来完成。之间，我正在使用Visual Studio代码v 1.8.x

Answer 3

对于那些愿意使用键盘快捷方式切换空白字符的人，您可以为 keybindings.json 文件添加自定义绑定（文件＆gt;偏好设置＆gt ;键盘快捷键）。

实施例：

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

在这里，我已经指定了 Ctrl + Shift + i 的组合来切换不可见的字符，您当然可以选择另一种组合。< / p>

Answer 4

在Visual Studio代码中显示空白字符

通过添加以下代码来更改setting.json！

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

就像这样！
（PS：没有＆＃34; true＆＃34; 选项！，即使它也有效。）

Answer 5

为了演示editor.renderWhitespace : true对您的VSCode所做的更改，我添加了此屏幕截图：

其中标签为→且空格为.

Answer 6

它不再是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上看到原始差异。

Answer 7

v1.37更新：添加了仅在所选文本内呈现空白的选项。参见v1.37 release notes, render whitespace。

  

for (;;) { // If buff is handled as a string, read one less to insure room for a later \0 ssize_t count = read(sockfd, buff, sizeof buff - 1); if (count < 0) { // read error printf("Read error\n"); break; } if (count == 0) { // All done break; } buff[count] = '\0'; printf("<%.*s>\n", count, buff); } 设置现在支持editor.renderWhitespace选项。设置此选项后，空白将仅显示在选定的文本上：

selection

和

"editor.renderWhitespace": "selection"

Answer 8

为了让diff显示空白，类似于git diff设置diffEditor.ignoreTrimWhitespace为false。 edit.renderWhitespace只是略有帮助。

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

要更新设置，请转到

  

档案＆gt;偏好＆gt;用户设置

     

Mac用户请注意：“首选项”菜单位于“代码而非文件”下。对于   例如，代码＆gt;偏好＆gt;用户设置。

这会打开一个标题为“默认设置”的文件。展开区域//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”的右侧窗口覆盖它们。您可以将粘贴设置从“默认设置”复制到“settings.json”：

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

我最终关闭了renderWhitespace。

Answer 9

现在可以看到空格可见的选项在视图菜单上显示为选项，如Visual Studio Code 1.15.1版中的“切换渲染空白”。

Answer 10

点击F1按钮，然后输入＆＃34; Toggle Render Whitespace＆＃34;或者你记得它的部分：）

我使用的是vscode版本1.22.2，因此这可能是2015年不存在的功能。

Answer 11

所有平台（Windows / Linux / Mac）：

位于视图->渲染空白下。

⚠️有时菜单项显示其当前处于活动状态，但您可以看到空白。您应该取消选中并再次检查以使其正常运行。这是一个已知的错误?

---

关于macOS的说明

在mac环境中，您可以在 Help 菜单下搜索任何菜单选项，然后它将打开您要查找的确切菜单路径。例如，搜索白色空格将导致以下结果：

Answer 12

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

2. 插入搜索字段空白，然后选择全部参数

Answer 13

我想将此建议作为补充说明。
如果您要修复所有“尾随空白”警告，则您的短毛猫 朝你扔。
您可以让VSCode使用以下命令自动修剪整个文件中的空格 键盘和弦。
CTRL + K / X （默认情况下）

我一直希望显示空白，因为我的短毛猫一直在用空白警告困扰我。所以这就是为什么我在这里。