VScode로 Git다루기 (Git graph,Commit)

VScode로 Git 다루기(Git graph, Commit)

git을 사용할 때 커맨드로 하나하나 하나 치는 게 편하다면 괜찮지만

 

그게 너무 귀찮고 복잡하다면 GUI를 이용하는 방법이 있습니다.

 

대표적으로 Sourcetree가 있죠 Sourcetree만큼은 아니지만

 

commit , merge , stage , branch생성 , checkout 등

 

자주 쓰는 기능들은 Vscode에서 사용할 수 있습니다.

 

 

Clone

폴더를 오픈하지 않은 Vscode 창 하나를 열어주세요

 

폴더가 오픈되어있으면 Clone버튼이 나오지 않습니다.

 

그냥 vscode를 실행했는데 자꾸 오픈되어서 실행되면

 

File > New windows를 클릭해서 새 창을 띄워주시면 됩니다.

 

왼쪽에서

이거 클릭하면

Github에서 검색 후 원하는 Repository를 Clone 할 수 있습니다.

 

검색하지 않으면 기본적으로 본인 github 저장소들이 뜨고요

 

Commit

git init으로 git 폴더를 하나 만들어주시고

 

아무 파일 하나 만들어서 수정하고 아까 봤던

요거 클릭해보시면

 

 

이렇게 뜹니다. 저기 +버튼을 눌러서 커밋할 파일들을 추가할 수 있습니다

 

. git add [filename]이랑 같습니다.

 

Message 칸에 커밋할 내용을 적고 CMD + Enter 해서 커밋을 할 수 있습니다.

 

 

Git graph

Git graph야 말로 Vscode에서 커맨드를 치지 않고 Git을 편하게 다룰 수 있게 해 주는 Extension입니다.

 

이거입니다. 여러 가지 익스탠션들이 있긴 하지만 이게 좀 대중적인 거 같더라고요

 

설치를 하시면 저렇게 새로고침 오른쪽에 그래프 모양이 생깁니다.

저걸 클릭해보면

 

우리가 git log를 좀 편하게 보려고 --oneline 옵션을 주는 거랑은 차원이 다릅니다.

 

 

 

Checkout은 저 커밋 부분으로 넘어갈 수 있습니다.

 

근데 그냥 git log로는 뜨지 않아서 옵션을 줘야 하지만

 

git graph에선 그냥 그대로 뜹니다. 슉슉 넘어 다닐 수 있고.

 

특정 커밋 부분에서 바로 Branch를 생성할 수 있습니다.

 

대부분 많이 쓰는 커맨드들은 다 저렇게 편하게 쓸 수 있게 되어있습니다.

 

이렇게 클릭하면 git log에 나오는 정보들이 다 나오고

index.html을 클릭해서 그 커밋 때 코드가 어떤 상태였는지도 볼 수 있습니다.