홈페이지 » 툴킷 » Git을 사용하여 Visual Studio 코드의 버전 제어 [지침]

    Git을 사용하여 Visual Studio 코드의 버전 제어 [지침]

    통합 Git 지원 Microsoft의 새로운 소스 코드 편집기 인 Visual Studio Code의 가장 큰 특징 중 하나입니다. 힘내는 분산 버전 제어 시스템, 작업을 추적하고 버전간에 앞뒤로 이동하며 동시에 다른 지점에서 작업 할 수 있습니다. 인기있는 Git 저장소 호스팅 서비스 인 Github에서도 사용됩니다..

    Visual Studio 코드 기본적으로 Git을 지원합니다., 즉 패키지 또는 확장을 설치할 필요가 없습니다. 사이드 바에는 별도의 망할 놈 보기를 클릭하여 빠르게 열 수 있습니다. 망할 놈 아이콘을 클릭하거나 (VS 코드 부분 참조) Ctrl + Shift + G 키 바인딩을 눌러.

    Git 설치

    Visual Studio 코드로 컴퓨터의 힘내 설치를 사용합니다., 먼저 Git을 설치해야합니다. Git 공식 웹 사이트에서 신속하게 다운로드 할 수 있습니다. 설치해야합니다. 적어도 버전 2.0.0 VS 코드의 힘내 기능을 제대로 작동하게 만들기.

    Visual Studio 코드를 사용하면 Git을 시각적으로 관리, 커맨드 라인에서 Git을 사용하는 방법을 배우고 싶다면 다음과 같은 유용한 자료를 참고하십시오 :

    • Github의 대화 형 Git 튜토리얼
    • Atlassian의 Git 튜토리얼 - Atlassian은 Bitbucket 소스 코드 호스팅 플랫폼 (Github와 유사)
    • Atlassian의 Git Cheat Sheet (PDF) - Git을 이미 사용했지만 가장 빠른 방법이지만 하나 또는 두 개의 명령은 기억하지 못합니다
    • Pro Git 핸드북 전체

    저장소 초기화

    작업 영역이 아직 Git에 의해 추적되지 않으면, 새 저장소 초기화. 이렇게하려면 Git보기에서 git 저장소 초기화 단추를 클릭하십시오..

    VS 코드는 .자식 작업 공간 안의 폴더 (숨겨진 디렉토리이므로 VS 코드에서 볼 수는 없지만 프로젝트의 루트 폴더에있는 파일 관리자에서 찾을 수 있습니다.) untracked 파일을 사이드 바에 추가하십시오..

    무대 변경

    Git 저장소를 설정 한 후에는 초기 커밋 만들기 (커밋은 나중에 다시 이동할 수있는 전체 저장소의 기록 된 상태입니다). 커밋하기 전에 Git을 사용하여 추적하려는 파일을 준비 영역에 추가해야합니다. 그렇지 않으면 다음을 수행해야합니다. 변경 단계. 마우스를 올리려고 각 파일 옆에 표시되는 + 버튼을 클릭합니다..

    준비 할 파일을 클릭하면 Visual Studio 코드가 변경 사항 폴더를 단계별 변경 폴더, 즉 지금은 스테이징 영역. 네가 원한다면 한 번에 모든 파일을 준비하십시오., 옆에 + 버튼이 있습니다. 변경 사항 부제목뿐 아니라 호버에 표시됩니다..

    변경 사항 적용

    단계별 변경 사항이 아직 기록되지 않은 경우 그들을 저주하다, 나중에 나중에 다시 보거나 다시 돌아갈 수 있습니다. 저장소의 현재 상태. 단계별 변경 사항을 적용하려면 커밋 메시지 추가 이전 커밋 이후에 변경 한 내용을 설명하는.

    이 예에서와 같이 초기 커밋이 될 것입니다. “초기 커밋” 메시지. 커밋 메시지 입력 입력 막대에 넣기 사이드 바 상단에서 작은 눈금 아이콘에. 이제 첫 번째 커밋을 할 준비가되었습니다. 저장소의 초기 상태가 기록됩니다..

    Git 작업 디렉토리가 깨끗하다. 지금까지의 모든 변경 사항이 추적되고 Git View에 0 개의 변경 사항이 있다고 표시된다 (항상 마지막 커밋과 비교된다). 작업 영역에서 새로운 내용을 변경하면 사이드 바에 새로운 변경 사항이 다시 나타납니다. 그들을 다시 저주하다. 일단 가치가있는 금액에 도달하면.

    아래의 스크린 샷에서 코드 에디터가 커밋 된 직후처럼 보이게해야하는지 확인할 수 있습니다..

    변경 사항 따르기

    작업을 계속 진행할 때 현재 버전과 마지막 커밋이 어떻게 다른지 잘 모르는 경우 신속하게 차이점을 확인할 수 있습니다. The Git View에서는 다음 작업 만 수행하면된다. 분석 할 파일을 두 번 클릭하십시오., VS 코드는 현재 버전과 이전 버전을 나란히 표시하므로 그들을 빨리 비교.

    다음 변경 사항에 대해 말하면 Visual Studio 코드에 대해 알아야합니다. 거터 표시기 side-by-side view가 열려 있지 않은 경우에도 이전 커밋과 비교하여 변경 사항에 주석을 달 수 있습니다. VS 코드 사용 거터 표시기 3 가지:

    1. 에이 빨간색 삼각형 모든 행 삭제에 대해
    2. 에이 녹색 막대 모든 행 추가에 대해
    3. 에이 파란색 막대 모든 회선 수정마다

    지점 만들기

    힘내는 다른 가지에서 일하다 동시에. 이는 새로운 솔루션을 실험하는 데 적합 할뿐만 아니라 개발자가 다른 지점에서 작업 할 수있는 팀웍을 상당히 촉진 할 수 있습니다 (단, 동일한 지점에 머물러 있기 때문에 필수 사항은 아닙니다).

    Visual Studio 코드에서 다음을 수행 할 수 있습니다. 새로운 가지 창조하기 Ctrl + P (Mac의 경우 Cmd + P)를 눌러 빠른 열기 팔레트를 연 다음 git branch 명령을 입력 창에 입력하십시오. 또한 명령의 끝에 새 분기의 이름을 추가해야합니다..

    이 예에서 새 지점의 이름이 테스트 분기, 나는 자식 분기 테스트 분기 명령을 사용하지만 다른 이름을 사용할 수 있습니다. 상태 막대의 왼쪽 (화면 하단의 파란색 막대)에서 현재 작업중인 지점을 신속하게 확인할 수 있습니다. 아래 스크린 샷에서 내가 현재에있는 것을 볼 수 있습니다. 석사 분기.

    체크 아웃 지점

    가지들 사이를 전환하다, 유형 git checkout 빠른 열기 팔레트 (Ctrl + P / Cmd + P)에 추가하고 사용 가능한 분기에서 선택할 수 있습니다. 아래 스크린 샷에서 상태 표시 줄에서 현재 브랜치에있는 것을 볼 수 있습니다. 테스트 (나는 그것을 후에 창조했다. 테스트 분기), 다른 지점으로 이동하고 싶다면 지금부터 선택할 수 있습니다. 석사테스트 분기 가지.

    명령 팔레트에서 힘내 명령 사용

    명령 팔레트 (Windows 및 Linux에서는 F1, Mac에서는 Shift + Cmd + P)에서 Git 명령에 액세스 할 수 있습니다. 다른 작업을 수행 할 필요가 없습니다. 명령을 입력하십시오. 망할 놈 Command Palette 내부에서 빠르게 선택할 수있는 사용 가능한 명령의 드롭 다운 목록이 표시됩니다.

    고급 Git 작업

    지금까지 Visual Studio 코드에서 기본 Git 작업을 사용하여 작업을 추적하는 방법을 살펴 보았습니다. VS Studio Code는 원격 리포지토리 관리, 충돌 병합 등과 같은 Git 기능을 향상 시켰으며 VS 코드를 외부 Git 편집기로 구성 할 수도 있습니다.

    Visual Studio 코드 마켓 플레이스에는 Git 워크 플로우를 더욱 전문적으로 만들 수있는 Git 관련 확장이 포함되어 있습니다..

    나 자신은 각 커밋의 세부 사항을 빠르게 살펴보고 두 커밋을 나란히 비교할 수있게함으로써 Git 확장 기능이 매우 유용하다는 것을 알게되었다. 프런트 엔드 개발자를위한 VS 코드 확장에 대한 이전 글의 Git History 확장을 읽을 수도 있습니다.