2 분 소요

개요

Git 을 설치했다면 Visual Studio Code에서 Panel(TERMINAL)과 UI를 통해 Git을 사용할 수 있습니다.

사전 설치

하기 항목이 사전에 설치되어야 합니다.

항목 내용
Visual Studio Code Visual Studio Code 설치
Visual Studio Code Extension(C/C++ Extension Pack) Visual Studio Code Extension 설치(C/C++ Extension Pack)
MinGW-w64 MinGW-w64 설치(GNU C++ 컴파일러)
Git Git 설치

테스트 환경 구축

이전 따라하기의 하기 내용을 수행합니다.

  1. C++ 코드 작성과 빌드 구성C++ 속성 설정에 따라 환경을 갖춥니다.

    image

Git 초기화

  1. Git을 commit 하기 위해선 user.emailuser.name설정이 필요합니다. 설정되지 않았다면, Panel(TERMINAL)에 다음과 같이 입력합니다.(xxx@xxx.com, myname 대신 본인 정보를 입력하셔야 합니다.)

    1
    2
    
     git config --global user.email "xxx@xxx.com"
     git config --global user.name "myname"
    
  2. Activity Bar/Source Control/Initialize Repository을 실행합니다.

    image

  3. 그러면 Side Bar(SOURCE CONTROL)이 표시되고, 폴더내의 파일들이 Changes에 표시됩니다. 이때 파일정보에 U가 표시됩니다.(Untracked 되었다는 표시입니다.)

    image

  4. .vscode폴더의 json 파일들과 exe 파일은 관리할 필요가 없으므로, .gitignore파일에 작성하여 제외시킵니다. 파일 본문에 하기 내용을 입력하고 저장합니다.(.gitignore파일은 꼭 Git이 관리하는 root 폴더에 작성해야 합니다.)

    1
    2
    
     .vscode/
     *.exe
    

    image

  5. 폴더 구조는 다음과 같습니다.

    1
    2
    3
    4
    5
    
     +--language_test
         +--cpp
             +--src
                 +--main.cpp
         +--.gitignore
    
  6. Side Bar(SOURCE CONTROL)을 확인하면, 불필요한 파일들은 관리대상에서 제외되고, .gitignoremain.cpp만 Untracked로 관리되는 걸 확인할 수 있습니다.

    image

Git 기본 사용(add, commit)

  1. 파일을 add(staged 상태로 전환) 하기 위해서는 + 버튼을 클릭합니다.

    image

  2. 그러면 Staged Changes 로 옮겨지고, 이후 - 버튼을 클릭하여 취소할 수 있습니다.

    image

  3. 상단 메시지를 입력하고 Commit 버튼을 클릭합니다.(메시지를 입력하지 않으면 commit 메시지 에디터가 표시됩니다.)

    image

  4. main.cpp+버튼을 클릭하여 Staged Changes 로 전환하고, Commit하고 나면, 다음과 같이 Source Control의 관리 대상 파일들이 모두 사라집니다.

    image

수정 파일 비교

  1. main.cpp 파일을 다음과 같이 수정하고 저장합니다. 이때 파일정보에 M이 표시됩니다.(Modified 되었다는 표시입니다.) 또한 Side Bar(SOURCE CONTROL)에서 main.cpp 파일을 선택하면, 수정된 코드를 비교하여 확인할 수 있습니다.(왼쪽은 commit된 파일, 오른쪽은 현재 Working Tree에서 수정된 파일입니다.)

    1
    2
    3
    4
    5
    6
    7
    
     #include <iostream>
    
     int main() {
         std::cout << "Hello World!!!" << std::endl;
         std::cout << "코드 추가" << std::endl;
         return 0;
     }
    

    image

  2. Panel(TERMINAL)에서도 git status를 실행하여 상태를 확인할 수 있습니다.

    image

Git Commit 되돌리기

  1. Side Bar(SOURCE CONROL)/...메뉴/Commit/Undo Last Commit을 사용하면 직전 commit을 취소할 수 있습니다. revert처럼 이전 commit 상태로 전환하는게 아니라, commit 명령을 취소한 상태로 전환(staged로 상태 전환)하는 것이어서, 비교적 안전하고 깔끔하게 commit 관리를 할 수 있습니다.

    image

GitLens 사용

  1. Side Bar(EXTENSIONS) 에서 GitLens를 검색하여 install 합니다.

    image

  2. 그러면 Side Bar(SOURCE CONTROL) 에 다음과 같이 다양한 메뉴가 표시됩니다. COMMITS에서 Show Commit Graph를 실행하여, commit 상황을 확인 할 수 있습니다.

    image

Git History 사용

  1. Side Bar(EXTENSIONS) 에서 Git History를 검색하여 install 합니다.

    image

  2. View/Command Palette(Ctrl+Shift+P)를 실행하고, Git View History(git log)를 실행합니다. 그러면, 다음과 같이 commit 목록이 표시됩니다. 목록에서 특정 commit을 선택하면, commit된 파일 목록이 나타납니다.

    image

  3. 하기 메뉴를 통해 파일 내용 보기(View), 작업공간 파일(Working Tree)과 비교하기(Workspace)등을 수행할 수 있습니다.

    image

댓글남기기