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

Visual Studio CodeでGitを使うときに、あると便利な拡張機能についてまとめておきます。
デフォルトのGit機能に関しては過去に記事にしているので、そちらを参考にしてください。
Git関連の拡張機能
| 拡張機能名 | 内容 |
|---|---|
| GitLens | 「コミット単位でのファイル比較」や「最新のコミット内容とそのコミッター表示」など |
| Git Graph | Gitの履歴が見やすくなる |
| gitignore | github/gitignoreを参照して自動で.gitignoreを作成してくれる |
GitLens
- コミット単位でのファイル比較
- 最新のコミット内容表示
上記のようなGitの細かい操作をVisual Studio Code上で行なえます。
インストールするとサイドバーに新しく「GitLens」のアイコンが追加されるので、そこからリポジトリやファイルの履歴を選択して、過去のコミットの確認ができます。

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

似た有名な拡張機能にGit Historyというのもありますが、起動に時間がかかるのでGit Graphの方を使っています。
gitignore
github/gitignoreを参照して自動で.gitignoreを作成してくれる拡張機能です。
インストールするとcommand + shift + Pで表示するコマンドパレットに「Add gitignore」コマンドが追加されます。

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

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





Alfredの環境設定の同期・バックアップの方法
定番のパスワード管理ツール「1Password」を使ってパスワードの管理をする
ATOKの辞書をmacOS標準の日本語入力のユーザ辞書にインポートする方法
BacklogのURLパラメータを、Keyboard Maestroのタイムスタンプ機能を使って生成してリンクを開く方法
クリップボード履歴を管理しよう!
Alfred 4のAppearance Optionsから外観の設定を行う
anyenvを使ってプログラミング言語のバージョンをラクに管理する
1PasswordとAlfredを連携してログイン情報の検索を行う方法
AlfredでKarabiner-Elementsのプロファイルを切り替えるWorkflowの作り方
BetterTouchToolのウインドウスナップ機能とBetterSnapToolの細かい違い
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Alfred 4のファイル検索時にプレビュー表示ができるPreviewsの設定項目まとめ
iTerm2でよく使うアクションやスニペットの設定ができる環境設定の「Shortcuts」タブ
CSS Nite in Kobe, vol.55「モダンコーディング:XDで作られたデータを元に実装工程のセミハンズオン」に参加してきました
Figmaで細かいアニメーションを作成できるプラグイン「Motion」
自宅ですぐにインターバルトレーニングを始めたいならApple Watchの「Seconds」がオススメ!HIITと相性抜群!
Macの高機能diffツール「Kaleidoscope」
ダミーとして使うURLは適当に入力せず、決まったものを使うようにしよう
Nuxt.jsで「Classic mode for store/ is deprecated and will be removed in Nuxt 3.」のエラーメッセージが表示される場合の対処法
Visual Studio Codeでパス補完機能を細かく設定して自分好みにできる拡張機能「Path Autocomplete」
ファビコンや各種アイコンの作成と設定方法