Git Blame Info

April 3, 2026 · View on GitHub

Display git blame information in the editor gutter with color-coded annotations, inspired by Eclipse EGit.

Demo

Features

  • Show Revision Information: Right-click the editor line number gutter to toggle git blame annotations
  • Color-coded annotations: Each commit is displayed with a unique background color for easy identification
  • Configurable display: Choose to show author, date, commit ID, and/or summary in the gutter
  • Hover details: Hover over annotated lines to see full commit information
  • Open Commit: Click "Open Commit" in the hover popup to view commit diff details
  • Open History: Click "Open History" in the hover popup to view the file's commit history
  • Settings: Click "Settings" in the hover popup to quickly access extension configuration

Usage

  1. Open a file tracked by Git
  2. Right-click in the line number gutter area
  3. Select Show Revision Information
  4. Blame annotations will appear next to each line
  5. Hover over any line to see detailed commit information

Hover Popup

When hovering over an annotated line, the popup displays full commit details and provides quick actions:

  • Open Commit — View the commit's diff in the editor
  • Open History — View the file's full commit history
  • Settings — Open extension configuration

Extension Settings

SettingDefaultDescription
tlcsdm-gitBlameInfo.showAuthortrueShow author name in gutter
tlcsdm-gitBlameInfo.showDatetrueShow commit date in gutter
tlcsdm-gitBlameInfo.showCommitIdfalseShow abbreviated commit ID in gutter
tlcsdm-gitBlameInfo.showSummarytrueShow commit summary in gutter
tlcsdm-gitBlameInfo.useRelativeDatefalseShow relative dates (e.g. "2 months ago")
tlcsdm-gitBlameInfo.dateFormatYYYY-MM-DDDate format for gutter annotation
tlcsdm-gitBlameInfo.columnWidth50Width of the blame annotation column (20–100 characters)

Installation

From VS Code Marketplace

  1. Open VS Code
  2. Go to Extensions (Ctrl+Shift+X)
  3. Search for "Tlcsdm Git Blame Info"
  4. Click Install

From VSIX File

  1. Download the .vsix file from Releases
  2. In VS Code, open Command Palette (Ctrl+Shift+P)
  3. Search for "Extensions: Install from VSIX..."
  4. Select the downloaded .vsix file

From Jenkins

Download from Jenkins

Build

This project uses TypeScript and npm (Node.js 22).

# Install dependencies
npm install

# Compile
npm run compile

# Watch mode (for development)
npm run watch

# Lint
npm run lint

# Package
npx @vscode/vsce package

# Test
npm run test

Requirements

  • Visual Studio Code ^1.85.0
  • Git installed and available in PATH

License

MIT