[Git] VScode에서 gitlab/github 연동하기

도갱도갱·2021년 12월 31일
0

Git

목록 보기
2/4

💡 VScode에서 github/gitlab을 사용하는 방법

1. git 설치하기

https://git-scm.com/ (다운로드 사이트)

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 레포지토리 주소 복사

HTTPS 주소 복사 ex) https://gitlab.com/~
(github는 사용자 이름과 비밀번호 입력 과정이 추가로 필요하다.)

5. VScode에서 git clone 및 연결

  • VScode 검색 입력창 활성
    윈도우: Ctrl + Shift + p
    맥: command + Shift + p

  • 검색창에 Git: Clone 검색

  • (추가) "github에 로그인하여 가져오기" 이런거 선택해서 깃헙에 로그인 하기

  • 복사했던 gitlab 레포지토리 주소 입력, 엔터

  • 경로 설정 창에서 연결하고자 하는 폴더를 선택

  • (gitlab에 보안이 걸려있는 경우) ssh키를 생성하여 gitlab에 입력해줘야 하며, 레포지토리 관리자가 권한을 부여해줘야 한다.

5. 연동 성공

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

6. commit

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

7. push

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

8. 추가 꿀팁!

  • 내 경험상 레포지토리에 파일이 1개도 없으면 VScode에서 pull이든 commit이든 반영이 안된다. 파일을 하나 만드니 정상적으로 연동되었다.

Reference

0개의 댓글