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

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


当前回答

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

其中Tab是→和Spaceare。

其他回答

更新(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的组合来切换不可见字符,你当然可以选择另一个组合。

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

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

点击F1按钮,然后输入“Toggle Render Whitespace”或你能记住的部分:)

我使用的是vscode版本1.22.2,所以这可能是一个在2015年不存在的功能。

它不再是布尔值了。他们切换到enum。现在我们可以选择:无、有边界和全部。

// 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上看到最初的差异。