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

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


当前回答

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


其他回答

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

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

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


为了让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。

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

其中Tab是→和Spaceare。