Visual Studio CodeでGitをもっと便利に使うための拡張機能

Visual Studio CodeでGitを使うときに、あると便利な拡張機能についてまとめておきます。

デフォルトのGit機能に関しては過去に記事にしているので、そちらを参考にしてください。

Webrandum

Visual Studio Codeでできる最低限のGit操作方法

https://webrandum.net/vscode-git

 Visual Studio CodeではデフォルトでGitの管理機能がサポートされています。わざわざGitのGUIアプリと切り替えたり、ターミナルと行ったり来たりしなくてもいいので、こまめなコミットがしやすくなります。今回はVisual Studio Codeを使った、最低限のGit操作方法についてまとめておきます（Gitはある程度理解している人向けの記事になります）。Git SCMの表示Visual Studio CodeでGit機能が使えるサイドバーのことをGit SCM（Gitソース管理マネージャー）と言います。.gitフォルダが入っているフォルダをVisual Studio Codeで開くと...

Git関連の拡張機能

GitLens

marketplace.visualstudio.com

GitLens — Git supercharged - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=eamodio.gitlens

• コミット単位でのファイル比較
• 最新のコミット内容表示

上記のようなGitの細かい操作をVisual Studio Code上で行なえます。

インストールするとサイドバーに新しく「GitLens」のアイコンが追加されるので、そこからリポジトリやファイルの履歴を選択して、過去のコミットの確認ができます。

とりあえず入れておいて損は無い拡張機能です。

Git Graph

marketplace.visualstudio.com

Git Graph - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=mhutchie.git-graph

Gitの履歴が見やすくなる拡張機能です。
インストールすると下のメニューバーに「Git Graph」項目が追加されるので、そこをクリックするとコミット履歴が見れます。

似た有名な拡張機能にGit Historyというのもありますが、起動に時間がかかるのでGit Graphの方を使っています。

gitignore

marketplace.visualstudio.com

gitignore - Visual Studio Marketplace

https://marketplace.visualstudio.com/items?itemName=codezombiech.gitignore

github/gitignoreを参照して自動で.gitignoreを作成してくれる拡張機能です。

インストールするとcommand + shift + Pで表示するコマンドパレットに「Add gitignore」コマンドが追加されます。

それを選択してプロジェクトで使う言語等を選択すると、その言語に必要な.gitignoreを生成してくれます。

何を除外するのか毎回わざわざ設定するのは面倒なので、これで作成してしまった方がラクです。