VsCode 概览尺、装订线、代码块高亮设置

一、概览尺设置

{
    "workbench.colorCustomizations": {
        // 概览尺中git标识颜色
        "editorOverviewRuler.addedForeground": "#29e041",
        "editorOverviewRuler.modifiedForeground": "#34a3ff",
        "editorOverviewRuler.deletedForeground": "#e02551",

        // 行号右侧git装订线的颜色
        "editorGutter.addedBackground": "#29e041",
        "editorGutter.modifiedBackground": "#34a3ff",
    },
}

• 概览尺
  • 编译器区域最右侧的滚动条就是概览尺了；
  • 
• 概览尺宽度（垂直滚动条）
  • 

装订线设置

• 装订线
  • 当我们的项目处于git托管时，我们修改代码的时候，会在行号右侧有关于【新增（绿色长方形）、修改（蓝色带有条纹的长方形）、删除（红色箭头）】的标识，这就是装订线了；
• 
• 装订线宽度
  • 

代码块高亮设置

• 在 webstorm 中，当我们的光标点击某一块代码的时候，会有线条框选这个代码块；
• vscode 中此设置默认是没有开启的，需要我们手动开启；
  • 
• 开启之后的效果：
  • 图中黄色线条：
  •