VSCode 에서 GitLab/GitHub 연동하기

1. Git 설치하기

https://git-scm.com/
Git 공식 홈페이지에서 Git을 설치해줍니다.
저는 이미 설치가 되어있어 자세한 과정은 생략하겠습니다.

2. VSCode에서 Gitlens, Git History 설치

VSCode에서 확장프로그램으로 Git 을 검색하여 GitLens와 Git History를 설치합니다!

3. GitLab 이메일과 이름 설정

명령프롬포트 혹은 VSCode 터미널에서 GitLab 이메일과 이름 설정을 해줍니다.

VSCode 터미널일 경우 GitBash로 변경해주어야합니다.

git config --global user.email "your_email@example.com"
git config --global user.name "your name"

4. 연결하고자 하는 GitLab 레포지토리 주소 복사

Repository의 HTTPS 주소를 복사해줍니다!

ex ) https://gitlab.com/...

( GitHub는 사용자 이름과 비밀번호 입력 가정이 추가로 필요합니다! )

5. VSCode 에서 Git: Colne 및 연결

1. VSCode 검색 입력창 활성

• Window : Ctrl + Shift + p
• Mac : command + Shift + p

2. 검색창에 Git Clone 검색
3. [GitHub 일 경우] 로그인하여 가져오기 통해서 깃허브 로그인하기
4. 복사했던 GitLab Repository 주소입력 후 엔터
5. 경로 설정 창에서 연결하고자 하는 폴더 선택
6. [GitLab에 보안이 걸려있는 경우] ssh키를 생성하여 GitLab에 입력해주어야하며, Repository 관리자가 권한을 부여해주어야 합니다!

6. 연동 확인

성공적으로 연동된 경우 내용 변경 후 VSCode 왼쪽 트리모양 ( source control ) 탭에 변경 개수들이 활성화됩니다.

7. commit

source control 탭을 클릭 후, source control 메뉴에서 commit 하고자 하는 폴더를 찾아 commit 메시지를 작성하고 체크모양을 클릭합니다.

8. push

source control 탭의 commits 메뉴에서 commit 할 내용을 찾아 구름모양(push)를 누르면 반영됩니다.
( GitHub 의 경우, source control 메뉴 sync changes를 누르면 됩니다. )

꿀팁!

repository에 파일이 한 개도 없으면 VSCode 에서 pull 이나 commit 적용이 되지 않습니다.
파일을 하나 만드니 정상적으로 연동된 것을 확인 가능했습니다.