You need to enable JavaScript to run this app.
最新活动
大模型
产品
解决方案
定价
生态与合作
支持与服务
开发者
了解我们

如何修改编辑器折叠栏颜色?能否设置折叠栏缩进?

代码折叠栏的颜色修改与缩进设置

修改折叠栏颜色

可以通过编辑器的自定义颜色配置调整折叠栏颜色,以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

火山引擎 最新活动