首页 > 解决方案 > VS Code 中滚动条中的彩色像素

问题描述

我最近开始使用 VS Code,我注意到滚动条中显示的彩色像素很少,如下所示:

在此处输入图像描述

它们似乎表明了一些关于源代码的信息,但我一直无法找到这方面的文档。所以我的问题如下:

编辑:

标签: visual-studio-code

解决方案


该功能称为概览标尺除了一些稀疏的注释外,我一直找不到特定的文档:

如果您打开包含错误或警告的文件,它们将与文本内联并在概览标尺中呈现。

相关设置包括:

// Controls if the cursor should be hidden in the overview ruler.
"editor.hideCursorInOverviewRuler": false,

// Controls if a border should be drawn around the overview ruler.
"editor.overviewRulerBorder": true,

// Controls the number of decorations that can show up at the same position in the overview ruler
"editor.overviewRulerLanes": 3

…还有一些可配置的颜色,这是我找到的最彻底的解释:

概述标尺

此标尺位于编辑器右边缘的滚动条下方,并提供编辑器中装饰的概览。

  • editorOverviewRuler.border:总览标尺边框的颜色。
  • editorOverviewRuler.findMatchForeground:查找匹配的概述标尺标记颜色。颜色不得不透明,以免隐藏底层装饰。
  • editorOverviewRuler.rangeHighlightForeground:突出显示范围的概述标尺标记颜色,例如快速打开、文件中的符号和查找功能。颜色不得不透明,以免隐藏底层装饰。
  • editorOverviewRuler.selectionHighlightForeground:用于选择突出显示的概述标尺标记颜色。颜色不得不透明,以免隐藏底层装饰。
  • editorOverviewRuler.wordHighlightForeground:符号高亮的概述标尺标记颜色。颜色不得不透明,以免隐藏底层装饰。
  • editorOverviewRuler.wordHighlightStrongForeground:用于写访问符号突出显示的概述标尺标记颜色。颜色不得不透明,以免隐藏底层装饰。
  • editorOverviewRuler.modifiedForeground:修改内容的概述标尺标记颜色。
  • editorOverviewRuler.addedForeground:添加内容的概述标尺标记颜色。
  • editorOverviewRuler.deletedForeground:已删除内容的概述标尺标记颜色。
  • editorOverviewRuler.errorForeground:概述标尺标记颜色的错误
  • editorOverviewRuler.warningForeground:警告的概述标尺标记颜色。
  • editorOverviewRuler.infoForeground:信息的概述标尺标记颜色。
  • editorOverviewRuler.bracketMatchForeground:用于匹配括号的概述标尺标记颜色。

推荐阅读