在Visual Studio Code中显示空白字符

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

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

当前回答

更改设置。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”。

更新(2022年12月) 对于最新版本的VSCode，您可以执行视图->外观->渲染空白。

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

其中Tab是→和Spaceare。

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

在Visual Studio Code中显示空白字符

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

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

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

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

推荐文章