Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>vscode-diff-viewer-panelNew to Visual Studio Code? Get it now.
vscode-diff-viewer-panel

vscode-diff-viewer-panel

edern37

|
812 installs
| (0) | Free
Visualize git diff files in VS Code source control panel
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Vscode diff panel viewer

License: MIT

View git diff in a panel next source control when file is clicked in source control (use diff2html).

Demo

With left and right diff panel:

Without left diff panel:

Features

  • Ctrl + click inside webview to open file in editor at given line.
  • Open/Close left part of diff
  • Autoclose diff file in editor when clicked in Source control

Running the extension in debug

  • Open this example in VS Code 1.49+
  • npm install
  • npm run watch or npm run compile
  • F5 to start debugging

In the explorer, expand the Source control repositories view.

Package extension and install in vscode

  • npm install -g vsce
  • vsce package
  • Open extensions panel and choose Install from VSIX...

Contribute

All contributions are welcome, so don't hesitate to submit a pull request. ;-)

License

This code is released under MIT License.

Check LICENSE file for more information.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft