如何在VS Code中快速查看未保存修改行（gutter彩色标记方式）

当然可以，VS Code本身就自带这个功能，无需复杂操作就能实现：

• 默认启用状态：正常情况下，未保存的修改会在编辑器左侧的gutter（行号旁的区域）显示彩色竖线标记：

  • 蓝色竖线：新增的行
  • 黄色竖线：已修改的行
  • 红色竖线：被删除行的位置（会显示在原行号位置）

• 确保功能开启：如果没看到标记，检查以下设置：

  1. 按下Ctrl+,（Windows/Linux）或Cmd+,（Mac）打开设置面板
  2. 搜索editor.gutter.modifications，确认该选项已勾选（设置为true）
  3. 若需要显示空格、换行这类细微修改的标记，可搜索editor.diffEditor.ignoreTrimWhitespace并设置为false

• 自定义标记颜色：如果觉得默认颜色不够醒目，可通过settings.json自定义样式，示例：

"workbench.colorCustomizations": {
    "editorGutter.modifiedBackground": "#ffcc00", // 修改行标记颜色
    "editorGutter.addedBackground": "#00cc66",    // 新增行标记颜色
    "editorGutter.deletedBackground": "#ff3333"   // 删除行标记颜色
}

这些标记会实时跟随文件的未保存变化更新，完全不需要额外的繁琐操作，打开文件就能直观看到修改位置。

内容的提问来源于stack exchange，提问作者LuC