Question

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

它们似乎表明了源代码的一些内容，但我还没有找到相关文档。所以我的问题如下：

此功能的名称是什么？
哪里有记录？
是否可以禁用此功能，若然，怎么做？

编辑：

在阅读 @idleberg 的回答后，我将scm.diffDecorations设置为"none"并重新启动了VS Code，重新打开的文件等，但装饰仍然存在。
我按照 @Moffen 的回答中的链接，将"editor.hideCursorInOverviewRuler"设置为true，但事实证明它控制了一个不同的功能。此外，我已将"editor.minimap.enabled"设置为false，但小地图与滚动条装饰的功能不同。
我在Ubuntu 18.04上运行VS Code 1.23.1版。

Answer 1

这些装饰者确实指出了你的来源的变化。添加了绿色标记代码，删除了红色标记代码。您可以在密钥scm.diffDecorations下的设置中停用此功能（可能的值：all，gutter，overview，none。）

要隐藏滚动条中的指示符，您可以覆盖主题样式以使指示符透明：

"workbench.colorCustomizations": {
    // Scrollbar
    "editorOverviewRuler.addedForeground": "#0000",
    "editorOverviewRuler.modifiedForeground": "#0000",
    "editorOverviewRuler.deletedForeground": "#0000",

    // Gutter (same as tweaking scm.diffDecorations?)
    "editorGutter.addedBackground": "#0000",
    "editorGutter.modifiedBackground": "#0000",
    "editorGutter.deletedBackground": "#0000
}

注意：该示例使用#RGBA简写而不是#RRGGBBAA

Answer 2

该功能称为概述标尺。除了一些sparse notes外，我找不到特定的文档：

如果打开包含错误或警告的文件，它们将与文本一起显示在概览标尺中。

相关设置包括：

// 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

…还有一些configurable colours，这是我找到的最彻底的解释：

概述标尺

此标尺位于滚动条右侧的滚动条下方。   编辑器，并提供编辑器中装饰的概述。


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：匹配括号的概述标尺标记颜色。

Answer 3

绿色标记是您保存的更改，黄色标记是尚未保存的更改。红色标志着错误的位置。

You can see how to disable features here

VS Code中滚动条中的彩色像素

3 个答案:

概述标尺