Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Track Changes (Visual Studio style)New to Visual Studio Code? Get it now.
Track Changes (Visual Studio style)

Track Changes (Visual Studio style)

Evan Zhang

|
2 installs
| (0) | Free
Visual Studio style track-changes gutter: yellow bar for unsaved edits, green bar for saved edits since file was opened. No Git required.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Track Changes (Visual Studio style)

在 VS Code 里复刻 Visual Studio 的"跟踪更改"装订线指示,不需要 Git:

  • 黄色条(gutter + 右侧缩略图):上次保存之后的未保存修改
  • 绿色条:自文件打开以来已保存的修改(两者可叠加显示,与 VS 一致)
  • 对已保存过的行再次修改时,该行变黄、绿色让位
  • 关闭文件后重置(与 VS 行为一致)
  • 颜色可在设置 trackChanges.unsavedColor / trackChanges.savedColor 中修改

效果

effect

原理

文件首次打开时保存一份内容快照,用 Myers 行级 diff 对比快照与当前文本, 按文档是否 dirty 渲染黄色或绿色装饰。纯本地计算,无任何外部依赖。

运行 / 调试

  1. 用 VS Code 打开本文件夹
  2. 按 F5(选择 "VS Code Extension Development")启动调试窗口
  3. 在调试窗口里打开任意文件改几行即可看到效果
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft