mcpField
V
vscode

vscode

github.com/badlogicDevelopment2.6k150 installsUpdated 21w ago
Repository

About vscode

vscode provides CLI workflows for opening file comparisons in VS Code. It is intended for reviewing code changes, including Git revisions and staged files, using the `code` command.

Key features

  1. 01Open two files side by side
  2. 02Compare files across Git commits
  3. 03Compare staged and working versions
  4. 04Use the `code` CLI for visual review

Use cases

  1. 01Show changes in a file
  2. 02Review differences between code versions
  3. 03Inspect staged changes against the working tree

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/badlogic/pi-skills --skill vscode

After installing, type/vscodein Claude Code to confirm it loaded.

Details

From the project README

VS Code CLI Tools

Tools for integrating with VS Code, primarily for viewing diffs.

Requirements

VS Code must be installed with the code CLI available in PATH.

Opening a Diff

Compare two files side by side in VS Code:

code -d <file1> <file2>

Git Diffs in VS Code

Simple Approach (no config needed)

Extract the old version to a temp file, then diff:

# Compare with previous commit
git show HEAD~1:path/to/file > /tmp/old && code -d /tmp/old path/to/file

# Compare with specific commit
git show abc123:path/to/file > /tmp/old && code -d /tmp/old path/to/file

# Compare staged version with working tree
git show :path/to/file > /tmp/staged && code -d /tmp/staged path/to/file
Gotchas
  • File must exist and have changes between the compared revisions
  • Use git log --oneline -5 -- path/to/file to verify file has history before diffing

When to Use

  • Showing the user what changed in a file
  • Comparing two versions of code
  • Reviewing git changes visually

Comments

Markdown supported