使代码折叠图标在Visual Studio Code中始终显示

Question

我喜欢使用Visual Studio Code，但有一个小烦恼就是我经常认为我的代码没有正确缩进，因为实际编辑器的左边缘离数字有点远。

有没有办法默认显示折叠代码的+/-图标呢？它只有在悬停在边栏上时才会显示。

此外，如果有一种方法可以更改边栏的颜色，使其与编辑器看起来不同吗？

- Vincent

Answer 1

若要更改 gutter 的颜色，您可以将以下内容添加到用户设置中：

"workbench.colorCustomizations": {
    "editorGutter.background": "#abcdef"
}

同时显示折叠图标：

"editor.showFoldingControls": "always"

请注意，此设置要求您至少拥有 1.13 版本。

- smhrjn

---

太好了！很高兴这个被添加了。 - Vincent

这个问题在1.17中出了问题，计划在1.19中得到修复（https://github.com/Microsoft/vscode/issues/35839）。 - Jon Senchyna

Answer 2

我知道这是一个旧的帖子，但是FWIW：

文件 > 首选项 > 设置

用户 > 文本编辑器 > 编辑器：显示折叠控件

选择“始终”

- Criminally Inane

Answer 3

您可以通过添加以下代码使折叠图标持久化显示： "editor.showFoldingControls": "always", 但不要放在"workbench.colorCustomizations"中，只需放在外面即可生效。 例如：

"editor.showFoldingControls": "always",
"workbench.colorCustomizations": {
    "editor.renderIndentGuides": true,
    "scrollbarSlider.background": "#474552",
    "scrollbarSlider.hoverBackground": "#295377",
},

由于[+][-]图标已被替换为[>][v]，您可以使用这个扩展程序来恢复此功能： 极简产品图标主题

- tokochi

Answer 4

你无法使代码折叠图标持续显示。它在项目Github页面上这里讨论过，但尚未实现。

如果你想要正确的缩进，最好使用缩进指南（垂直线到匹配缩进的线）。

默认情况下不显示缩进指南。
要启用缩进指南，请转到文件 --> 首选项 --> 设置，然后在settings.json文件中添加以下行。

"editor.renderIndentGuides": true

- Abdullah Leghari

---

那确实有帮助。希望他们能合并所请求的功能。谢谢！ - Vincent