使用 VS Code 空白差异隐藏

在 VS Code 中，有时候在代码中会显示出一些看不见的空白字符，比如空格，制表符等等，这样会影响代码的可读性。为了避免这种情况，我们可以打开 VS Code 的空白差异隐藏功能，将这些空白字符隐藏起来，只显示实际的代码。

启用空白差异隐藏

要启用空白差异隐藏，我们需要打开 VS Code 的用户设置，点击菜单栏的 文件 -> 首选项 -> 设置，或者使用快捷键 Ctrl + , 打开。

在用户设置中，我们需要搜索 editor.renderWhitespace 这个设置项，将其值设置为 boundary，即可启用空白差异隐藏功能。此时，我们在代码编辑器中就可以看到边界的空格和制表符了。

"editor.renderWhitespace": "boundary"

更改空白差异隐藏的显示选项

除了默认的 boundary 显示选项以外，VS Code 还提供了其他多种显示方式： none（不显示空白字符）、all（显示所有空白字符）、trailing（只显示行尾空白字符）。

我们可以通过将 editor.renderWhitespace 的值改为不同的选项来更改空白差异隐藏的显示效果。比如，将其改为 all，就可以将所有空白字符都显示出来。

"editor.renderWhitespace": "all"

结束语

启用空白差异隐藏功能可以使代码更加易读，尤其是在团队协作中，可以减少因空白字符导致的代码冲突。当然，如果你想完全关闭该功能，可以将 editor.renderWhitespace 的值设置为 none。