[Git] vsCode에서 git 사용, git extention 추천

2024. 8. 2. 18:26·웹개발/GIt
728x90

저번 포스트에서 git add와 commit을 알려줬지.

실습해봤어?

 

어때 아직 익숙치가 않아서 낯설거야.

나도 처음에는 그랬어.

하지만 익숙해지면 별 생각없이 슥슥 투두둑 치게 될거야.


오늘은 vsCode에서 사용하는 방법을 알려줄게.

터미널에 입력을 하지 않아도 돼.

왜냐하면 요즘은 어떤 에디터를 사용하든 대부분에 git이 내장되어 있거든!

 

vsCode의 경우

이렇게 실타래? 지렁이 같이 생긴 아이콘이 git이야.

너가 코드를 변경하게 되면 저기에 1이라는 숫자가 표시될거야.

여기서 추가해볼게.

왼쪽 git 아이콘에 1이 추가된게 보이지?

 

저거를 클릭하면

이런 화면이 나오는데, 저 Message부분에 git commit -m "변경"의 변경에 해당하는 메세지가 들어가는거야.

나는 저기다가 화이팅을 적어서 commit해볼게

YES!

그러면 git commit이 완료된거야.

너무 간단하지?

git log를 이용해서 확인해볼 수 있어.

근데 이런 관리 툴도

계속 log를 입력하기도 귀찮잖아?

 

이를 위해서 라이브러리 하나만 설치해보자.

extention에 들어가줘. 단축키는 Crtl+Shift+X 야.

이것저것 있는데 맨 위에 Git Graph를 나는 사용해볼게.

다른거도 다 비슷해서 디자인 보고 고르면 돼!

나는 이거를 설치했는데

그러면 

여기서 새로고침 오른쪽에 저 graph를 클릭하면

이렇게 쉽게 git의 상태관리를 확인해볼 수 있어.

궁금한거나 더 알고 싶은게 있으면 댓글 남겨줘!

728x90

'웹개발 > GIt' 카테고리의 다른 글

GitHub 이슈 템플릿 생성하는 법과 템플릿 공유  (0) 2024.10.18
GitHub label 설정하는 법  (4) 2024.10.17
.gitignore: Git이 무시할 파일을 지정하는 방법  (1) 2024.10.08
[Git] git branch를 모르면 얼른 들어와야지 뭐해.  (2) 2024.08.02
[Git] add와 commit으로 코드 관리하기  (2) 2024.08.02
'웹개발/GIt' 카테고리의 다른 글
  • GitHub label 설정하는 법
  • .gitignore: Git이 무시할 파일을 지정하는 방법
  • [Git] git branch를 모르면 얼른 들어와야지 뭐해.
  • [Git] add와 commit으로 코드 관리하기
튼튼발자
튼튼발자
프론트엔드 개발자입니다. 헬스를 가끔해서인지 몸이 튼튼한거 같습니다. 그래서 튼튼한 개발자 => 튼튼발자입니다. 프론트엔드 및 관련 개발 내용 블로그 글로 정리해서 올려둡니다.
    250x250
  • 튼튼발자
    튼튼발자
    튼튼발자
  • 전체
    오늘
    어제
    • 분류 전체보기 (192)
      • 튼튼발자의 끄적끄적 (10)
      • 웹개발 (94)
        • HTML (5)
        • CSS (2)
        • JavaScript (40)
        • TypeScript (5)
        • REACT (22)
        • Next.js (13)
        • GIt (7)
      • 기타 (3)
        • 일상 (3)
      • 프로젝트 (27)
        • Componique: UI 컴포넌트 라이브러리 (18)
        • GitHub Profile Viewer (8)
        • 잇핏 (1)
      • 프론트엔드 개발자로 취업준비 (1)
        • 기술 면접 (7)
        • 코딩 테스트 준비하기 (0)
        • 자기소개서&지원서&이력서 (0)
      • 컴퓨터과학 (12)
        • 운영체제 (6)
        • 알고리즘 (6)
      • 전공 공부 (37)
        • AI(인공지능) (2)
        • 컴퓨터네트워크 (19)
        • 네트워크프로그래밍 (3)
        • SW소프트웨어응용설계 (7)
        • 클라우드컴퓨팅 (3)
        • 웹서비스프로그래밍 (3)
      • PT (0)
      • 취준일기 (0)
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

  • 공지사항

  • 인기 글

  • 태그

    react
    componique
    JS
    TCP
    트랜스포트계층
    프론트엔드개발
    웹개발
    ui컴포넌트
    JavaScript
    프로그래밍
    tailwind
    코딩
    github
    데이터전송
    자바스크립트
    네트워크
    NextJs
    상태관리
    리액트
    프론트엔드
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.0
튼튼발자
[Git] vsCode에서 git 사용, git extention 추천
상단으로

티스토리툴바