Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Git Visual ExtensionNew to Visual Studio Code? Get it now.
Git Visual Extension

Git Visual Extension

Hiroki Kurumaki

|
1 install
| (0) | Free
git extension
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

git-ext

A VS Code extension that adds a Git GUI panel to your editor. Browse branches, commit graphs, and file diffs in a side panel while performing commit and branch operations with your mouse.


Features

Branch Panel (Left Pane)

  • Displays local branches, remote branches, and tags in a tree view
  • Icons indicate branch type (current branch / main·master / others / tags)
  • Click a branch to load its commit log
  • Right-click for branch operations

Branch context menu

Action Description
Checkout Switch to this branch
New Branch from ... Create a new branch from this one
Rebase ... onto ... Rebase this branch onto another
Merge ... into ... Merge this branch into another
Delete Delete the branch (prompts Force Delete if not fully merged)

Commit Log (Center Pane)

  • Shows the commit history with an ASCII graph
  • HEAD commit is rendered with a double circle
  • Branch-local commits (not yet pushed to remote) are highlighted
  • Right-click for commit operations

Commit context menu

Action Target Description
Revert Commit Any commit Creates a revert commit
Undo Commit HEAD only Runs git reset --soft HEAD~1 (changes remain staged)
Edit Commit Message... Branch-local commits Edit the message (amend for HEAD, rebase -i for others)
Drop Commit Branch-local commits Permanently removes the commit (with confirmation)
Cherry-Pick Non-merge commits Cherry-picks the commit onto the current branch
Interactively Rebase from Here… Branch-local commits Opens the interactive rebase editor

Commit Detail (Right Pane)

  • Lists changed files in a directory tree
  • Click a file to open the diff in VS Code's built-in diff editor
  • Right-click a file to compare with the local working copy

Git Blame Annotations

  • Right-click a line number in the editor → Annotate With Git Blame to show author and date per line
  • Select Close Annotations from the same menu to hide them

File History

  • Right-click a file in the Explorer → Git → Show History to view the commit history for that file
  • Click a commit to inspect the diff at that point in time

Interactive Rebase

  • Reorder commits
  • Drop commits
  • Reword commit messages

Auto Refresh

  • The commit log automatically reloads after a commit made via VS Code's Source Control panel

Usage

  1. Open the Git tab in the VS Code bottom panel (where the terminal lives)
  2. Select a branch to load its commit log
  3. Click a commit to view changed files in the right pane

Requirements

  • Git must be installed and available on your PATH
  • The workspace must be a Git repository

Release Notes

0.0.1

Initial release

  • 3-pane layout: branch list, commit graph, commit detail
  • Branch operations: Checkout, New Branch, Rebase, Merge, Delete
  • Commit operations: Revert, Undo, Edit Message, Drop, Cherry-Pick
  • Interactive rebase
  • Git Blame annotations
  • File history viewer
  • Toast notifications (auto-dismiss after 3 seconds)
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2026 Microsoft