Git の変更内容をわかりやすく表示できる GitLens

Git の変更内容をわかりやすく表示できる GitLens

Gitでソースコードを管理していると、どんな時系列で誰が変更したのか追ってみたくなることもあるかと思います。

そんなときGitLensというVisual Studio Codeの拡張機能を使用することで、Gitの変更内容をわかりやすく表示できるようになりますので、紹介します。

インストール方法

Visual Studio Codeの拡張機能画面から GitLens と検索します。

表示されたら Install をクリックで完了です。

インストール完了後、Quick Setup画面が表示されます。

サンプルソースの Clone

GitLensの使いかたをみていくために、GitLensのソースコードをGithubからCloneしてみましょう。

GitLensのソースコードは以下にあります。

https://github.com/Axosoft/vscode-gitlens

GitHub CLIを使ったCloneは以下のコマンドで実行できます。

gh repo clone Axosoft/vscode-gitlens

Current Line Blame と Git Code Lens

ソースコードの現在行やクラスの先頭に更新情報が表示されます。

タイムライン表示

ソースコードを右クリックすると、いくつかメニューが追加されています。

その中から「Open Timeline」をクリックすると、タイムラインが表示されます。

ファイル履歴表示

同じく右クリックメニューの中に「Open File History」というメニューがあります。

Tag View

コマンドパレットで「GitLens: Show Tags View」があります。

これを使うとタグに関連する履歴を表示できます。

変更したファイルを開く

コマンドパレットの「GitLens: Open Changed Files」を使用すると、変更したファイルのみ開くことができます。

変更していないファイルを閉じる

コマンドパレットの「GitLens: Close Unchanged Files」を使用すると、変更していないファイルを閉じることができます。

設定画面の表示方法

「GitLens: Open Settings」でずらずらずらっと表示されます。

これを一つ一つ解説するのは大変なので、割愛です。。。。。

コマンドパレット

「GitLens」から始まるものがたくさんあります。

公式ドキュメント

公式ドキュメントは以下にあります。

https://github.com/Axosoft/vscode-gitlens#readme

速攻でメモできる QuickNote リリースしました!

QuickNoteは動作が超軽量でサクサクかけるノートアプリです。一瞬の閃きを逃さずにノートを開き書き始めることができます。 アカウント登録も不要です。お試しあれ!

Excel操作をコマンドで! proBoarderExcel

Excelはマウスで操作するのが基本ですが、マウス操作に疲れてはいませんか? キーボードでExcel操作ができるようになるアプリです。オープンソースで無料です。

積み上げ! Daily Stack リリースしました!

Daily Stack は日々の積み上げを管理するToDoアプリです。過去の積み上げの振り返りだけでなく、ツイート機能もあります。 アカウント登録不要ですぐに使い始めることができます。

ExecNote.app リリースしました!

ExecNoteは、コードが実行できるMarkdownアプリケーションです。Markdownドキュメント内に記載したコードをクリックすると実行ができます。わざわざターミナルを 起動させる必要がありません!無料ですのでもしよければダウンロードをお願いします。

About Me

11年目のシステムエンジニアです。アプリで生活や仕事を改善したい🐱仕事効率化、自動化のアプリ開発が得意です、ご相談ください。 🚀エンタメ系アプリの開発も模索中🐬社内SEや個人アプリ開発者、システムエンジニアになりたい人と繋がりたい🐱