VSCODE GIT 연동하기

VSCODE SFTP 연결에 이어서 GIT 연동 방법 포스팅!

참고) 2022.12.02 - [개발하는 '정'/기타] - VSCODE SFTP 설치

VSCODE SFTP 설치

 

 

1. Git 설치하기

VSCODE GIT 연동 1. Git 설치

VSCODE의 SOURCE CONTROL 메뉴에 Download Git ...이 뜬다면 Git이 설치되어있지 않은 상태이다.

해당 버튼을 눌러서 git 설치 페이지로 이동하도록 한다.

 

VSCODE GIT 연동 1. Git 설치

Git - Downloading Package (git-scm.com)

Git - Downloading Package

버전에 맞는 Git을 설치한다.

 

VSCODE GIT 연동 1. Git 설치

설치를 진행하다보면 이것저것 체크박스가 많이.. 나오는데

특별한 설정이 필요한 경우가 아니라면 그대로 설치하면 된다.

 

설치가 완료되었다면 다시 VS CODE로 돌아와서 다운로드 버튼 아래의 reload 글자를 눌러 새로고침한다.

 

 

2. Git 연결

VSCODE GIT 연동 2. Git 연결 - 연결할 git 주소 복사

우선 연결할 git의 주소를 복사해온다.

 

VSCODE GIT 연동 2. Git 연결 - git clone

VSCODE로 돌아와서 F1을 눌러 Git: clone을 입력 및 선택

 

VSCODE GIT 연동 2. Git 연결 - clone할 주소 입력

위에서 복사해온 URL 주소를 붙여넣은 후, Git의 소스를 복사해올 로컬 폴더를 지정한다.

로그인 창이 뜬다면 연결 권한이 있는 GIT 계정으로 로그인하면 연결 완료!

 

 

3. Git (원격 리포지토리) 커밋

VSCODE GIT 연동 3. Git 커밋

test.html이라는 파일을 생성했다.

SOURCE CONTROL창에서 Changes 목록에 해당 파일이 나타난다.

간략하게 설명하자면

 

 

① 메시지 : Git에 표시될 메시지로, 해당 작업에 대한 설명을 작성한다.

② 커밋 : Git에 커밋(올리기).

  오른쪽 화살표를 누르면 아래의 작업 목록이 나타난다. 원하는 작업을 실행한다.

   - Commit (커밋. 로컬에서 변경한 내용 단순 기록)

   - Commit & Push (커밋 및 푸시. 로컬에서 변경한 내용 기록 및 Git에 저장)

   - Commit & Sync (커밋 및 동기화. 커밋 후 풀(Git에 다른 변경 내용이 있다면 로컬로 가져옴),  마지막으로 푸시를 실행.)

 

③ 변경 목록 : Git과 로컬 간에 상이한 파일 목록이 노출된다.

④ 파일별 실행 아이콘 : 순서대로, [해당 파일의 변경 내용을 ⑤와 같이 표시] / [해당 작업 취소 (신규 추가된 파일인 경우 삭제됨)] / [스테이징 (스테이징된 파일 목록만 커밋할 수 있도록)]  

⑤ 비교 : 해당 파일에 어떤 부분이 수정되었는지 직관적으로 표시

 

 

① git 메시지를 작성하고

④원하는 파일만 스테이징 후(전체 파일 커밋 시 스테이징 필요없음)

② 커밋 및 동기화

위와 같은 순서로 진행하면 Git에 올라간다.

 

끝...!

 

 

 

반응형