요즘에는 웬만한 에디터들은 깃 기능의 내장되어있다. 때문에 GUI로써 git을 사용할 수 있게 되었다. 파일이 많고 복잡할 경우에 사용하면 좋을 수 있다.

VSCode에서 어떻게 그 기능을 사용할 수 있는지 알아보자.

사용방법

git commit, add

• VSCode 에디터의 경우 왼쪽 git 처럼 생긴 메뉴 들어가보면 지금 어떤 파일이 변경되고 추가되었는지 쭉 알려준다.
• +를 누르면 git add 한 것과 같고, check마크 누르면 git commit을 한 것과 같다.

파일이 변경되었을 떄 chages에 나타나고 + 튼을 누르면 스테이징 됨. - 버튼 누르면 취소할 수있음

커밋 버튼은 상단의 V표시.

---

git diff

git diff // 최근 commit vs 현재파일 차이점을 보여줌

• Vim 에디터가 오픈되어서 이런식으로 나오고, 스크롤 기능을 쓰고싶으면 J키 또는 K로 스크롤바 조작가능 q키는 종료
• 근데 터미널의 한계로 인해서 코드가 길고 복잡해지면 보기가 힘들어서 별로 유용하진 않다.
• 특히 줄바꾼다고 엔터를 눌렀는데도 위에줄에도 변경의 있었다고 인식해버리는 점이 단점이다.
• 그래서 보통은 git diff를 쌩으로 사용하진 않는다.

git difftool

git difftool 사용하면 조금 더 보기좋은 결과를 보여준다.

git difftool // 비주얼적으로 훌륭하게 차이점을 분석해줌

git difftool 커밋id // 현재 파일과 특정 commit의 차이점을 비교해줌

git difftoll 커밋id1 커밋id2 // 커밋1 vs 2 커밋 비교

Vim에디터가 나와서 입력하기 편해짐

• hjkl키로 방향 이동이 가능, 종료 원할시 :q 아니면 :qa ,저장후 닫기 :qw 쓰기_

노란색이 커밋 아이디이다.

vim에디터에서 보기 싫을 때, vsc에디터로 열 수 있게해준다.

다양한 익스텐션을 설치해서도 가능

▲ 왼쪽 Git 메뉴 - Git graph 버튼 누르면

commit 내역을 한 눈에 쭉 살펴볼 수 있고 파일명 우클릭하면 git diff도 가능하니

과거 내역을 살펴보고 싶으면 이런 GUI 툴을 주로 활용해보자.

커밋들을 사용하고 비교해볼 수 있다.

클릭하면 상세보기 된다.

파일버튼을 누르면 이렇게 나온다.

참고문헌 : 코딩애플