VS Code에서 GitHub 연동하는 방법을 알아보자

vs code에서 git bash 터미널을 열어 git 계정정보 확인을 위한 명령어 입력 화면

 

VS Code와 Git Bash가 이미 설치된 상태에서 VS Code의 기본 터미널을 Git Bash로 설정하고, Git Bash를 사용하여 GitHub와 연동하여 레포지토리를 생성하고 클론하는 방법을 단계별로 설명하겠습니다.

1. VS Code 기본 터미널을 Git Bash로 설정하기

- VS Code 열기:

Visual Studio Code를 실행합니다.

- 설정 열기:

File 메뉴에서 Preferences를 선택한 후 Settings를 클릭하거나 Ctrl+, 단축키를 사용하여 설정 창을 엽니다.

 

- 설정 검색:

상단 검색창에 terminal.integrated.shell.windows를 입력하여 터미널 설정을 찾습니다.

 

- 터미널 경로 설정:

검색 결과에서 Terminal › Integrated › Shell: Windows 항목을 클릭합니다.

Edit in settings.json 버튼을 클릭하여 JSON 형식의 설정 파일을 엽니다.

JSON 파일에 다음 내용을 추가하거나 수정합니다:

"terminal.integrated.defaultProfile.windows": "Git Bash",
"terminal.integrated.profiles.windows": {
  "Git Bash": {
    "path": "C:\\Program Files\\Git\\bin\\bash.exe"
  }
}

 

Git Bash의 경로는 Git 설치 위치에 따라 다를 수 있습니다. 기본 경로는 C:\\Program Files\\Git\\bin\\bash.exe입니다.

 

- 변경 사항 저장:

설정 파일을 저장하고 닫습니다. VS Code를 재시작하면 기본 터미널이 Git Bash로 변경된 것을 확인할 수 있습니다.

2. Git Bash로 GitHub 연동 및 레포지토리 생성

2.1. GitHub 계정 설정

1. GitHub 계정 인증:
   • GitHub에서 사용할 사용자 정보를 설정합니다. Git Bash를 열고 다음 명령어를 입력합니다: 
   •  
   • bash

     Copy code
     git config --global user.name "your-github-username" git config --global user.email "your-email@example.com"
2. SSH 키 설정 (선택 사항):
   • GitHub과의 인증을 간소화하려면 SSH 키를 설정합니다. SSH 키를 생성하고 GitHub에 추가하는 방법은 다음과 같습니다:
     bash

     Copy code

     ssh-keygen -t rsa -b 4096 -C "your-email@example.com"
   • 생성된 SSH 키는 ~/.ssh/id_rsa.pub에 위치합니다. 이 파일의 내용을 복사하여 GitHub의 Settings > SSH and GPG keys에 추가합니다.

2.2. 새 레포지토리 생성

1. GitHub 로그인:
   • GitHub에 로그인합니다.
2. 새 레포지토리 생성:
   • 화면 상단의 + 아이콘을 클릭하고 New repository를 선택합니다.
   • 레포지토리 이름, 설명을 입력하고, 공개 또는 비공개 여부를 선택합니다.
   • Initialize this repository with a README 옵션을 선택하지 않고 Create repository 버튼을 클릭하여 빈 레포지토리를 생성합니다.

2.3. 레포지토리 클론

1. 레포지토리 URL 복사:
   • GitHub에서 클론할 레포지토리의 URL을 복사합니다. 이는 HTTPS 또는 SSH URL일 수 있습니다.
2. 레포지토리 클론:
   • VS Code에서 새로운 폴더를 열거나 작업할 폴더로 이동한 후, Git Bash에서 다음 명령어를 입력하여 레포지토리를 클론합니다: 
   • bash

     Copy code
     git clone https://github.com/username/repository.git
   • 또는 SSH를 사용할 경우:
     bash

     Copy code

     git clone git@github.com:username/repository.git
3. 디렉토리 이동:
   • 클론한 레포지토리 디렉토리로 이동합니다:
     bash

     Copy code

     cd repository

2.4. 기본 브랜치 확인 및 작업

1. 브랜치 확인:
   • 로컬 브랜치를 확인합니다: 
   • bash

     Copy code
     git branch
2. 작업 및 커밋:
   • 변경된 파일을 스테이징 영역에 추가합니다:
     bash

     Copy code

     git add .
   • 변경 사항을 커밋합니다:
     bash

     Copy code

     git commit -m "Initial commit"
3. 변경 사항 푸시:
   • 로컬 변경 사항을 원격 GitHub 레포지토리에 푸시합니다:
     bash

     Copy code

     git push -u origin main

이제 VS Code에서 Git Bash를 기본 터미널로 설정하고, GitHub와 연동하여 레포지토리를 생성하고 클론하는 방법을 익혔습니다. VS Code와 Git Bash를 활용하면 Git 작업을 더욱 효율적으로 관리할 수 있습니다. 추가적인 도움이 필요하면 언제든지 질문해 주세요!