mcpField
V
vscode

vscode

github.com/badlogic開発2.6k150 回インストール21 週間前に更新
リポジトリ

vscode について

vscode は、コマンドラインから VS Code でファイルの差分を開く手順を提供します。`code` コマンドを使い、Git の各コミットやステージ済みファイルを比較して変更を確認できます。

主な機能

  1. 012 つのファイルを並べて表示
  2. 02Git コミット間のファイル比較
  3. 03ステージ済み版と作業版の比較
  4. 04`code` CLI による視覚的な確認

活用シーン

  1. 01ファイルの変更点を提示
  2. 02コードの異なる版を比較
  3. 03ステージ済み内容と作業ツリーの確認

インストール

コマンドをコピーしてターミナルで実行します。

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

インストール後、Claude Code で/vscodeを入力して読み込まれたか確認します。

詳細

VS Code CLI ツール

VS Code と連携するためのツールです。主に差分の表示に使用します。

要件

VS Code がインストールされており、code CLI が PATH で利用できる必要があります。

差分を開く

VS Code で 2 つのファイルを並べて比較します：

code -d <file1> <file2>

VS Code で Git の差分を表示する

シンプルな方法（設定不要）

古いバージョンを一時ファイルに展開してから、差分を表示します：

# 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
注意点
  • ファイルが存在し、比較するリビジョン間に変更がある必要があります
  • 差分を表示する前に、git log --oneline -5 -- path/to/file を使ってファイルの履歴を確認してください

使用する場面

  • ファイル内の変更点をユーザーに示すとき
  • コードの 2 つのバージョンを比較するとき
  • Git の変更を視覚的に確認するとき

コメント

Markdown 対応