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

是否有可能在Visual Studio代码中显示空格字符，如空格字符？

settings.json中似乎没有选项（尽pipe它是Atom.io中的一个选项），而且我还没有能够使用CSS显示空白字符。

我认为你必须将editor.renderWhitespace设置为true 。 这是默认的错误。

"editor.renderWhitespace": true

编辑：正如下面的aloisdg所提到的VS Code 1.6.0，现在是一个枚举，是一个none ， boundary或all ： "editor.renderWhitespace": "none",

对于那些愿意使用键盘快捷键来切换空白字符的人 ，可以将自定义的绑定添加到keybindings.json文件（“ 文件”>“首选项”>“键盘快捷键” ）。

例如 ： 

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

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

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

改变setting.json，添加下面的代码！ 

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

像这样！
（PS：没有“真正的”选项，即使它也有效。） 在这里输入图像说明

只是为了演示editor.renderWhitespace : true将对您的VSCode所做的更改我添加了此屏幕截图：
在这里输入图像说明 。

标签 →和空格在哪里.

也可以通过Menu -> View -> Toggle Render Whitespace 。 之间，我正在使用Visual Studio Code v 1.8.x

这不是一个boolean了。 他们切换到一个enum 。 现在我们可以select： 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上看到原始的diff。

现在出现使空白可见的选项，并在“视图”菜单上显示一个选项，如Visual Studio Code 1.15.1版中的“切换渲染空白”。

为了得到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,

要更新设置，请转到

文件>首选项>用户设置

Mac用户注意：“首选项”菜单位于“代码不是文件”下。 例如，Code> Preferences> User Settings。

这将打开一个标题为“默认设置”的文件。 展开区域//Editor 。 现在你可以看到所有这些神秘的editor.*设置。 search（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 }

我最终closures了renderWhitespace 。

Interesting Posts