git diff をブラウザできれいに表示できる pretty-diff

git diff はよく使いますが、GitHub のようにブラウザできれいに表示させて読みたくなることがあります。 pretty-diff というコマンドがとても便利だったので備忘録として書いておきます。

github.com

このコマンドをターミナルで叩くと、下のようにブラウザで diff が表示されます(作者の方の GitHub のページより)。

https://cloud.githubusercontent.com/assets/39191/10147714/8c358910-65e4-11e5-8e59-e1526ef674cd.png

インストール

インストール方法は npm で global に install します。-g オプションをつけると /usr/local/bin/... あたりにインストールしてくれます。

$ npm install -g pretty-diff

使い方

使い方は普通の git diff と全く同じで、git diff に渡していた引数をそのまま pretty-diff に渡せばOKです。

例えば、[COMMIT_A] というコミットと [COMMIT_B] というコミットを比べたければ、下のようにします。

$ pretty-diff [COMMIT_A] [COMMIT_B]

すると、既定のブラウザが立ち上がって diff を HTML として出力してくれるようになります。