是否有可能显示空白字符,像空格字符,在Visual Studio代码?
在设置中似乎没有这个选项。json(虽然它是Atom.io中的一个选项),我还不能使用CSS显示空白字符。
是否有可能显示空白字符,像空格字符,在Visual Studio代码?
在设置中似乎没有这个选项。json(虽然它是Atom.io中的一个选项),我还不能使用CSS显示空白字符。
当前回答
***更新2020年8月发布***见https://github.com/microsoft/vscode/pull/104310
“编辑器。renderWhitespace": " trails " //添加选项
Add a new option ('trailing') to editor.renderWhitespace that renders only
trailing whitespace (including lines with only whitespace).
***更新2020年2月发布***见https://github.com/microsoft/vscode/issues/90386
在v1.43中,默认值将像在v1.42中一样更改为从无选择。
"editor.renderWhitespace": "selection" // default in v1.43
v1.37更新:增加了只在选定文本中呈现空白的选项。参见v1.37版本说明,渲染空白。
编辑器。renderWhitespace设置现在支持选择选项。使用此选项集,空格将只在选定的文本上显示:
"editor.renderWhitespace": "selection"
and
"workbench.colorCustomizations": {
"editorWhitespace.foreground": "#fbff00"
}
其他回答
打开用户首选项。键盘快捷键:CTR + SHIFT + P ->首选项:打开用户设置; 在搜索字段中插入空白,并选择所有参数
更新(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的组合来切换不可见字符,你当然可以选择另一个组合。
只是为了演示编辑器的变化。renderWhitespace: none||boundary||all will do to your VSCode我添加了这张截图: .
其中Tab是→和Spaceare。
为了让diff显示空白类似于git的diff设置diffEditor。ignoreTrimWhitespace为false。编辑。renderWhitespace的帮助很小。
// Controls if the diff editor shows changes in leading or trailing whitespace as diffs
"diffEditor.ignoreTrimWhitespace": false,
若要更新设置,请转到
>首选项>用户设置 Mac用户注意:“首选项”菜单在“代码”而不是“文件”下面。为 例如,代码>首选项>用户设置。
这将打开一个名为“默认设置”的文件。展开//Editor区域。现在你可以看到所有这些神秘的编辑器。*设置已定位。搜索(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”的窗口覆盖它们。你可以从“Default settings”复制粘贴设置到“settings.json”:
// Place your settings in this file to overwrite default and user settings.
{
"editor.renderWhitespace": "all",
"diffEditor.ignoreTrimWhitespace": false
}
我最终关闭了renderWhitespace。
点击F1按钮,然后输入“Toggle Render Whitespace”或你能记住的部分:)
我使用的是vscode版本1.22.2,所以这可能是一个在2015年不存在的功能。