如何修改编辑器折叠栏颜色?能否设置折叠栏缩进?
代码折叠栏的颜色修改与缩进设置
修改折叠栏颜色
可以通过编辑器的自定义颜色配置调整折叠栏颜色,以VS Code为例:
- 打开设置界面(快捷键
Ctrl+,),点击右上角{}图标进入settings.json编辑模式 - 添加或修改
workbench.colorCustomizations下的对应属性,按需调整颜色值:
选择与光标颜色差异明显的色值,即可解决光标覆盖后不明显的问题。"workbench.colorCustomizations": { // 折叠控件背景色 "editorGutter.foldingControlBackground": "#333333", // 折叠控件图标颜色 "editorGutter.foldingControlForeground": "#cccccc" }
设置折叠栏小缩进(类似Visual Studio效果)
针对VS Code
在settings.json中添加如下配置:
"editor.foldingGutter": "indentation"
该设置会让折叠控件跟随代码缩进位置显示,而非固定在行号旁,实现类似Visual Studio的缩进效果。
针对Visual Studio(原生IDE)
- 打开「工具」→「选项」→「文本编辑器」→「通用」
- 在「显示」区域找到「折叠边距缩进」相关选项,勾选或调整对应参数即可。
内容的提问来源于stack exchange,提问作者Kevan




