VSCODE 에서 git branch 그래프로 보기

VSCODE에서 Git branch정보를 UI로 확인하는 방법은 무엇일까요?

 

VSCODE에서 git정보를 보여주는 Extension을 소개합니다.

EXTENSION : git graph

 

설치방법

VSCODE의 Extension 검색 창에서 "git graph"로 검색하여 설치하면 바로 사용 가능합니다.

 

 

설치 후 VSCODE의 source control 아이콘을 선택하면 git graph extension설치로 새로 생긴 아이콘을 확인할 수 있습니다. git log정보를 이용하여 branch정보를 아름답게 보여줍니다.

 

---

주로 사용하는 기능을 알아보겠습니다

 

1) Commit 내용 확인하기

 

: git graph로 표시되는 commit 정보를 선택하면 commit 정보와 변경된 파일 정보를 확인할 수 있습니다.

그리고 변경된 파일을 선택하면 diff정보도 VSCODE에서 바로 확인할 수 있어 매우 편리합니다.

아래의 commit에서 exec.ts 파일의 변경사항을 확인하기 위해서 선택해 보겠습니다.

 

선택한 파일의 diff정보를 바로 보여주어 변경 부분을 바로 확인할 수 있습니다. 물론 tig명령으로도 확인 가능하지만 GUI를 쓸 수 있는 상황에서는 저는 git graph를 사용하겠습니다. ㅎㅎ

 

---

2) Git 명령어 수행하기

git branch 생성, checkout, revert, merge 등 git 명령어로 사용하는 기능을 git graph에서 바로 사용 가능합니다. 원하는 branch 및 commit 위치에서 마우스를 우클릭하면 사용 가능한 git command가 표시됩니다.

여러 가지 이유로 hash값을 복사할 경우가 많은데 "Copy Commit Hash to Clipboard"가 유용하게 쓰일 수 있습니다. 사소한 기능으로 보이지만 복사하는 과정에서 마지막 글자가 빠지거나 하는 실수가 방지해 주는 경험이 있으신 저 같은 분들은 꼭 써보세요.