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を生成してくれます。

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





Slackのリマインダー機能「/remind」についてのまとめ
MacのターミナルアプリはiTerm2で決まり!!オススメの設定と基本的な機能まとめ
1Passwordのアカウントを持っていない人にもログイン情報を共有する方法
Finderで選択したフォルダをターミナルで開く方法まとめ
Alfred 4.0.8からAirDropやiCloud DriveをすばやくFinderで開けるように!
1Passwordを便利に使うための小技や整理術!
Macログイン時に自動起動するアプリの管理方法
撮影したスクリーンショットを、Hazleを使って自動的にImageOptimで画像圧縮する方法
Biscuitで普段はブラウザでリンクを開きつつ、ダウンロードリンクはBiscuitで開く方法
メニューバーアイコン管理の鉄板ツール「Bartender 4」で使用頻度の高いアプリだけメニューバーに表示させる
AirPodsで片耳を外しても再生が止まらないようにする方法
MacのKeynoteにハイライトされた状態でコードを貼り付ける方法
iTerm2でマウスやトラックパッドの操作を設定できる環境設定の「Pointer」タブ
DeepLで「インターネット接続に問題があります」と表示されて翻訳できないときに確認すること
Ulyssesの「第2のエディタ」表示を使って2つのシートを横並びに表示する
Visual Studio Codeのマルチカーソル機能で文字操作を一括で行う
gulpのwatch機能を使って、監視ファイルに変更があった時にタスクを実行する
Figmaでロゴやアイコンなどのビットマップ画像をベクターデータにトレースするプラグイン「Image tracer」
Googleアナリティクスのイベントトラッキングの設定方法
Google Maps APIをローカル開発環境で使用するときの制限設定方法
Fantastical 2は音声入力を使って予定を追加するのが便利!
Workspacesの検索ウインドウで使えるコマンド一覧
ブログを初めて1年が経ちました
Alfredを最大限活用する、ブラウザのブックマーク管理方法について
WordPressのカスタムメニューでは、内部リンクに対してカスタムリンクは使わない!