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

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


当前回答

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

之前1.75:

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

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

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

其他回答

在Visual Studio Code中显示空白字符

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

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

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

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

更新(2019年6月)

对于那些愿意使用键盘快捷键切换空白字符的人,您可以轻松地为此添加一个键绑定。

在最新版本的Visual Studio Code中,现在有一个用户友好的图形界面(即不需要输入JSON数据等),可以查看和编辑所有可用的键盘快捷键。它还在

>首选项>键盘快捷键(或使用Ctrl+K Ctrl+S)

还有一个搜索字段可以帮助快速查找(和过滤)所需的键绑定。所以现在添加新的和编辑现有的键绑定都容易得多:

切换空白字符没有默认的键绑定,所以可以随意添加一个。只需按下相关行左侧的+号(或按下Enter,或双击该行上的任何位置),并在弹出窗口中输入所需的组合。

如果你所选择的键绑定已经用于其他一些操作,将会有一个方便的警告,你可以点击并观察哪些操作已经使用了你所选择的键绑定:

如你所见,一切都非常直观和方便。 干得好,微软!


原来(旧的)答案

对于那些愿意使用键盘快捷键切换空白字符的人,可以向键绑定添加自定义绑定。文件>首选项>键盘快捷方式)。

例子:

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

这里我已经分配了一个Ctrl+Shift+ I的组合来切换不可见字符,你当然可以选择另一个组合。

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

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

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

其中Tab是→和Spaceare。