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

时间:2017-04-18 15:23:56

标签: visual-studio-code

喜欢使用Visual Studio但是我觉得我的代码并没有正确缩进,因为实际编辑器的左边缘与数字相差甚远。

默认情况下有没有办法显示代码折叠+/-图标?如果你将鼠标悬停在排水沟上,它只显示它们。

顺便说一句,如果有办法改变排水沟的颜色,那么它看起来与编辑器截然不同?

3 个答案:

答案 0 :(得分:15)

要更改装订线的颜色,您可以在用户设置中添加以下内容:

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

并显示折叠图标:

"editor.showFoldingControls": "always"

请注意,此设置要求您至少 1.13

答案 1 :(得分:2)

您无法持久显示代码折叠图标。在项目github页面上讨论here,但它尚未实现。

如果你想要适当的缩进,你最好的选择是缩进指南(垂直线向下延伸到匹配的缩进)。

默认情况下不显示缩进指南。
要启用缩进指南,请转到 文件 - >偏好 - >设置 ,然后将以下行放在settings.json文件中,

"editor.renderIndentGuides": true

Indent Guide VSCode

答案 2 :(得分:1)

您可以通过添加以下内容使代码折叠图标持久显示: "editor.showFoldingControls": "总是", 但不在“workbench.colorCustomizations”中,只需将其放在外面即可。 例子:

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

并且由于 [+][-] 图标已替换为 [>][v],您可以使用此扩展程序重新获得此功能:Minimalist Product Icon Theme