LoginSignup
42
37

VSCodeの拡張機能「GitLens」で快適なGitライフを手に入れよう!

Last updated at Posted at 2022-06-18

はじめに


対象

  • VSCode上でラクにGit操作をしたい方

前提

  • Gitの基本的な使い方が分かること
  • Git、VSCodeがインストール済であること

VSCodeデフォルトの場合

2022-06-18-15-22-34.png
2022-06-18-15-20-31.png

  • 基本的なGit操作はできる
    • 変更の追跡、差分確認、コミット、プッシュなど

GitLensとは

2022-06-18-15-31-12.png

  • VSCode内でGitの各種操作をしやすくするための拡張機能
  • リポジトリの状態、ブランチ管理を視覚的に行える

GitLensを入れてみると

  • 先ほどの「ソース管理」内に以下のビューが追加
  • 今回はその中でもよく使うビューについて紹介します
    2022-06-18-15-49-46.png

COMMITS(コミットビュー)

現在のブランチのコミットが一覧表示されます
2022-06-18-15-53-19.png

--

また、過去のコミットの詳細も確認できます
2022-06-18-15-54-57.png


FILE HISTORY(ファイル履歴ビュー)

現在開いているファイルの更新履歴を可視化してくれるビューです
こちらも、コミットビューと同様にコミットの詳細を確認できます
2022-06-18-16-01-55.png


BRANCHES(ブランチビュー)

すべてのローカルブランチが一覧表示されます
右側に「✓」がついているのが現在のブランチです
視覚的にブランチの状態が分かる点が便利です
2022-06-18-16-06-20.png

--

プルされていない変更がある場合
「↓」アイコンクリックでプルができます
2022-06-18-16-08-21.png

プッシュしていない変更がある場合
「↑」アイコンクリックでプッシュができます
2022-06-18-16-12-06.png

--

ブランチ作成
ブランチを選択し右クリック > Create Branchを選択
2022-06-18-16-16-20.png

上部メニューに新規ブランチ名を入力してEnterで、新しいブランチが作成できます
2022-06-18-16-17-52.png
2022-06-18-16-19-07.png


REMOTES(リモートビュー)

リモートの状態が一覧表示されます
fetchやpruneがアイコンクリックでできます
2022-06-18-16-26-21.png).png

リモートがない場合、以下のように表示されます
2022-06-18-16-29-53.png

--

新規リモートの作成
「+」アイコンクリック後、リモート名、リポジトリURIを入力しEnter
すると、リモートに追加されます
2022-06-18-16-38-33.png
2022-06-18-16-36-32.png
2022-06-18-16-36-51.png


まとめ

  • 手軽にGit操作ができるので非常に便利です!
  • 他にも便利な機能があれば是非教えてください!

参考文献

42
37
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
42
37