是否有可能显示空白字符,像空格字符,在Visual Studio代码?

在设置中似乎没有这个选项。json(虽然它是Atom.io中的一个选项),我还不能使用CSS显示空白字符。


当前回答

在Visual Studio Code中显示空白字符

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

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

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

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

其他回答

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

其中Tab是→和Spaceare。

在Visual Studio Code中显示空白字符

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

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

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

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

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

***更新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"
}


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

之前1.75:

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

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

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