VSCode와 GitHub 연동하기

Goal

1. VSCode 프로젝트에서 GitHub 레포지토리로 연동하는 방법 알아보기

 

VSCode - GitHub 연동하기

1. GitHub에서 새로운 레포지토리 만들기 (Respositories > New > Create repository)

레포지토리 탭

레포지토리 생성 버튼

2. VSCode에서 내가 GitHub로 올리고 싶은 폴더 열기

VSCode에서 작업한 프로젝트

GitHub에서 새 레포지토리 생성하기

3. Source Control icon > Initialize Repository

만약 Initialize Repository가 뜨지 않는다면 Git Bash 터미널 창을 열고 "git init"을 해주면 된다.

Initialize Repository로 레포지토리 생성하기

4. 커밋할 메세지 적기 > Commit > Yes

커밋 메세지 적기

확인

5. 커밋이 끝나면 “…” 버튼 누르기 > Pull, Push > Push to… > Add Remote > 1번에서 만든 레포지토리 주소 복붙 > Enter > Remote name 쓰기 > Enter 

Push to...

레포지토리 주소 추가하기

1번에서 만든 새 레포지토리 주소

레포지토리 주소 복붙

추가한 github 주소의 이름 설정하기

GitHub에 로그인하기

GitHub 인증하기

6. 다시 Push to 누르기 > 5번에서 만든 Remote 고르기 

다시 Push to...

5번에서 설정한 이름 선택

 

7. GitHub 연동 끝~! GitHub 가서 확인해보기 

 

Git Bash 터미널에서 확인해보면 내 폴더 위치 옆에 (master)라고 떠 있는걸 확인할 수 있는데 이게 GitHub 레포지토리가 생성되었다는걸 의미하고, "git remote -v"를 통해 연동된 GitHub 주소를 확인할 수 있다.

VSCode에서 Git Bash 터미널

연동된 GitHub 주소 확인

 

위 그림과 같이 앞에서 연동했던 깃허브 레포지토리 주소가 뜨는 것을 보아 잘 연동되었다는 것을 확인 할 수 있다.