Visual Studio Code를 사용하여 GitHub에서 로컬 컴퓨터로 퍼블릭 리포지토리 복제하는 단계를 알아봅니다.
원격 리포지토리 열기
로컬 컴퓨터에서 원격 리포지토리 엽니다.
-
원격 리포지토리 확장 설치
- Visual Studio Code의 왼쪽 아래에 있는 원격 표시기를 선택합니다.
- 표시되는 메시지에 따릅니다.
이 작업은 이 기능에서 사용할 수 없습니다. 다른 탭을 선택합니다.
- Ctrl Shift + 의 키 조합으로 명령 팔레트를 + 엽니다.
- 명령 팔레트 프롬프트에서 입력
gitcl
하고 Git: 복제 명령을 선택한 다음, GitHub에서 복제를 선택하고 Enter 키를 누릅니다.
- 리포지토리 URL을 묻는 메시지가 표시되면 GitHub에서 복제를 선택한 다음 Enter 키를 누릅니다.
- GitHub에 로그인하라는 메시지가 표시되면 로그인 프로세스를 완료합니다.
- 리포지토리 URL 필드에 azure-samples/js-e2e-express-server를 입력합니다.
- 프로젝트를 복제할 로컬 디렉터리를 선택(또는 만들기)한 다음, 리포지토리 대상으로 선택을 선택합니다.
- 복제된 리포지토리를 열 것인지 묻는 알림이 표시되면 열기를 선택합니다.
터미널 -> 새 터미널에서 통합 터미널을 엽니다.
다음 git 명령을 사용하여 리포지토리를 복제합니다.
git clone https://github.com/<ACCOUNT>/<REPOSITORY>
Visual Studio Code에서 열기:
code <REPOSITORY>
Visual Studio Code는 모든 git 기능과 함께 운영 체제에서 제공하는 Git 인증(예: macOS KeyChain 또는 Windows 자격 증명 관리자)을 사용합니다. 출력은 명령 팔레트 > Git: Git 출력 표시에 표시됩니다.
사용자 지정 GitHub 도메인에 연결
기본적으로 Visual Studio Code는 리포지토리가 github.com
호스트된다고 가정합니다. 다른 도메인의 리포지토리(예: github.<company_name>.com
같은 엔터프라이즈 GitHub)에 연결해야 하는 경우 그에 따라 Git 경로를 구성해야 합니다.
VS Code에서 Git 경로를 업데이트하려면 파일 → 기본 설정 → 설정 열고 Git: Path
검색합니다. 이 설정을 사용하면 사용자 지정 GitHub 도메인에서 작동하는 Git 실행 파일의 절대 경로를 지정할 수 있습니다.
또는 vs Code가 모든 리포지토리 작업에 올바른 Git 이진 파일을 사용하도록 settings.json
파일에서 직접 git.path
설정을 추가하거나 업데이트할 수 있습니다.
로컬 리포지토리 열기
로컬 컴퓨터에 기존 리포지토리가 있고 Visual Studio Code에서 열려면 폴더를 열기만 하면 됩니다. Visual Studio Code는 .git
하위 폴더를 인식하고 관련 정보를 표시합니다.
-
Ctrl + K + O를 선택합니다.
- 폴더를 선택합니다.
이 작업은 이 기능에서 사용할 수 없습니다. 다른 탭을 선택합니다.
- Ctrl Shift + 의 키 조합으로 명령 팔레트를 + 엽니다.
-
Git
을 사용하여 필터링한 후 Open repository
를 선택합니다.
- 리포지토리의 루트로 선택할 폴더를 선택합니다.
터미널 -> 새 터미널에서 통합 터미널을 엽니다.
리포지토리 디렉터리에 대한 Visual Studio Code의 새 인스턴스를 엽니다.
code ../dir1/dir2/my-repo
새 리포지토리를 초기화합니다
다음 절차에 따라 로컬 소스 코드 리포지토리를 만듭니다 git
.
작업 표시줄에서 소스 제어를 선택하거나 Ctrl + + 의 키 조합을 사용합니다.
리포지토리 초기화를 선택합니다.
이 작업은 이 기능에서 사용할 수 없습니다. 다른 탭을 선택합니다.
- Ctrl Shift + 의 키 조합으로 명령 팔레트를 + 엽니다.
-
Git
를 사용하여 필터링한 후, Initialize repository
을 선택합니다.
- 리포지토리의 루트로 선택할 폴더를 선택합니다.
터미널 -> 새 터미널에서 통합 터미널을 엽니다.
다음 git 명령을 사용하여 폴더를 초기화합니다.
git init
리포지토리가 초기화 되면 GitHub에서 리포지토리를 만듭니다. 그런 다음 명령 팔레트에서 해당 리포지토리를 로컬 프로젝트에 원격으로 추가합니다. 그런 후 Git: Add remote
을(를) 검색합니다.
변경에 대한 분기 만들기
새 분기를 만들어 변경 내용을 기록하고 주 또는 기본 분기에서 분리합니다.
- 작업 표시줄에서 소스 제어를 선택합니다.
- 소스 제어 옆에 있는 줄임표(...)를 선택합니다.
-
분기 ->분기 만들기를 선택합니다.
상태 표시줄에서 분기 이름을 선택합니다. 그러면 명령 팔레트가 열립니다.
상태 표시줄은 Visual Studio Code의 맨 아래에 있습니다.
명령 팔레트에서 +새 분기 만들기를 선택합니다.
새 브랜치 이름을 입력하세요.
새 분기 이름을 입력하세요. 분기 이름이 상태 표시줄에 표시됩니다.
Ctrl Shift + 의 키 조합으로 명령 팔레트를 + 엽니다.
git branch
를 검색하고 Git: Create Branch
을 선택합니다.
와 같은 test
새 분기 이름을 입력합니다.
분기 이름이 상태 표시줄에 표시됩니다.
터미널 -> 새 터미널에서 통합 터미널을 엽니다.
다음 git 명령으로 명명된 MY-BRANCH
새 분기를 만듭니다.
git checkout -b MY-BRANCH
로컬로 변경 내용 커밋
분기의 파일을 변경한 후 변경 내용을 커밋합니다.
작업 표시줄에서 소스 제어를 선택합니다.
커밋 메시지 입력한 다음 커밋을 선택합니다.
이 작업은 이 기능에서 사용할 수 없습니다. 다른 탭을 선택합니다.
- Ctrl Shift + 의 키 조합으로 명령 팔레트를 + 엽니다.
- 명령 팔레트에서
Git
로 필터링한 후 Commit
을 선택합니다.
- 커밋 메시지 입력한 다음 Enter 키를 누릅니다.
터미널 -> 새 터미널에서 통합 터미널을 엽니다.
다음 git 명령으로 명명된 MY-BRANCH
새 분기를 만듭니다.
git commit -m "YOUR COMMIT MESSAGE"
GitHub에 로컬 브랜치 푸시합니다
- 작업 표시줄에서 소스 제어 아이콘을 선택합니다.
-
브랜치 게시를 선택합니다. GitHub에 리포지토리가 없으면 리포지토리가 자동으로 만들어집니다.
Visual Studio Code 상태 표시줄에서 분기 이름 오른쪽에 있는 푸시 아이콘을 선택합니다.
팝업 상자에서 원격 이름을 선택합니다. 하나의 원격만 있는 경우 원격 이름을 선택하라는 메시지가 표시되지 않습니다.
- Ctrl Shift + 의 키 조합으로 명령 팔레트를 + 엽니다.
- 명령 팔레트에서
Git
으로 필터링한 다음 Push
을 선택합니다.
- 업스트림 원격이 여러 대 있는 경우 원격 이름을 선택한 다음 enter누릅니다.
터미널 -> 새 터미널에서 통합 터미널을 엽니다.
다음 git 명령으로 명명된 MY-BRANCH
새 분기를 만듭니다.
git push <remote-name> <branch-name>
Git 출력 보기
소스 제어 확장을 사용할 때 Git 명령 출력을 볼 수 있습니다. 이 출력은 명령이 실패할 때 디버그하는 데 도움이 됩니다.
작업 표시줄에서 소스 제어 아이콘을 선택합니다.
줄임표(...)를 선택한 다음 Git 출력 표시를 선택합니다.
리포지토리를 사용하여 Visual Studio Code에서 작업하는 경우 별도의 도구가 사용됩니다.
아이콘 |
정보 |
에서 액세스 |
|
명령 팔레트의 Git 명령 |
F1 |
|
소스 제어 확장 |
작업 표시줄 |
|
GitHub 끌어오기 요청 및 문제 확장 |
작업 표시줄 |
|
GitHub 리포지토리 확장 |
GitHub 리포지토리를 검색하여 GitHub 리포지토리를 빠르고 쉽게 열 수 있습니다. 리포지토리 열기... 명령 팔레트, F1 또는 Open GitHub 리포지토리를 선택하여... 원격 표시기(상태 표시줄의 왼쪽 아래 모서리에 있는 녹색 단추)에서 |