엉뚱하고 기발하게

Code C++ 개발 환경 설정 본문

개발 환경 설정/Visual Studio Code

Code C++ 개발 환경 설정

songsmir 2020. 10. 9. 13:41

본 블로그는 개인적인 공부를 목적으로 작성되었습니다. 

작성된 블로그의 내용은 다른 사이트, 블로그를 참고하였으며, 저작권 문제가 있다면 수정하겠습니다.

또한 잘못된 내용으로 인한 불이익은 사용자에게 있습니다.


VS Code를 이용해 C++ 개발을 위한 설정 방법에 대해서 작성하겠습니다.

 

설정 과정은 아래의 순서대로 진행합니다.

  • VS Code 설치
  • MinGW 설치
  • Windows 환경 변수 설정
  • VS Code 확장 기능 설치
  • C++ 테스트 프로젝트 생성
  • C++ 빌드 설정
  • C++ 빌드 및 실행

 

1. VS Code 다운로드 및 설치

 

VS Code는 아래의 링크를 통해 다운로드할 수 있습니다.

 

https://code.visualstudio.com/

 
Visual Studio Code-코드 편집. 재정의

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

설치는 어려움 없이 쉽게 진행할 수 있습니다.

 

설치가 완료되면 아래와 같은 화면을 볼 수 있습니다.

 

VS Code 초기 화면

 

 

2. MinGW 설치

MinGW는 C++ 컴파일 및 빌드를 위해 설치해야 합니다.

 

MinGW 다운로드를 합니다.

 

https://sourceforge.net/projects/mingw/

 

MinGW - Minimalist GNU for Windows

Download MinGW - Minimalist GNU for Windows for free. A native Windows port of the GNU Compiler Collection (GCC) This project is in the process of moving to osdn.net/projects/mingw, you can continue to follow us there. MinGW: A native Windows port of the G

sourceforge.net

 

MinGW가 설치되면 아래와 같은 Intallation Manager를 볼 수 있습니다.

 

MinGW Installation Manager

 

 

Installation Manager의 테이블에서 C++ 개발에 필요한 Package를 선택합니다.

 

필요한 패키지는 아래와 같습니다.

  • mingw-developer-toolkit
  • mingw32-base
  • mingw32-gcc-g++
  • msys-base

 

설치할 Package 선택이 완료되면 Installation Manager의 메뉴 바에서 "Installation -> Apply Chages -> Apply" 순으로 눌러 설치를 합니다.

 

 

3. Windows 환경 변수 설정

MinGW의 설치가 완료되면 Windows 시스템 환경 변수에 MinGW의 Path를 지정해야 합니다.

 

"시스템 환경 변수 편집" 다이얼로그를 열어 "고급" 탭의 "환경 변수" 버튼을 누릅니다.

 

시스템 속성 - 고급 탭 

 

 

"환경 변수" 다이얼로그의 "시스템 변수" 테이블에서 "Path" 변수를 찾아 "편집" 버튼을 누릅니다.

 

시스템 변수 편집

 

 

"환경 변수 편집" 다이얼로그에서 "새로 만들기" 버튼을 눌러 "C:\MinGW\bin"을 추가한 후 확인을 누릅니다.

 

MinGW Path 추가

 

 

4. VS Code 확장 기능 설치

VS Code에 C/C++의 IntelliSense 등을 지원하여 개발을 편하게 하기 위한 확장 기능을 설치해줍니다.

 

VS Code의 "시작" 화면에서 "확장" 버튼을 클릭합니다.

 

확장 버튼

 

 

"확장" 탭 "검색창"에서 설치할 확장 기능을 검색해 찾을 수 있습니다.

 

검색 창

 

 

"검색창"에 "C/C++"을 입력해 설치할 확장을 검색합니다.

 

C/C++ 검색

 

 

검색된 확장 기능 중 "C/C++"을 눌러 설치합니다.

 

C/C++ 설치

 

 

5. C++ 테스트 프로젝트 생성

VS Code는 모든 프로젝트를 폴더로 관리합니다.

 

C++ 개발 테스트를 위해 테스트 프로젝트를 생성합니다.

 

"시작" 화면에서 "탐색기" 버튼을 눌러 "탐색기" 탭으로 이동합니다.

 

탐색기 버튼

 

 

"탐색기"에서 "폴더 열기"를 눌러 사용할 폴더를 찾습니다.

 

폴더 열기

 

 

"폴더 열기"를 누르면 "윈도우 탐색기"창이 활성화됩니다. 우리는 테스트를 위해 "Study" 폴더를 만들어 선택합니다.

 

Study 폴더 선택

 

 

폴더 선택이 완료되면 "탐색기"에 "Study" 폴더가 나타납니다.

 

Study 폴더

 

 

이제 우리는 Study 폴더에서 프로젝트를 진행할 수 있습니다.

"탐색기"에서 "Study" 폴더를 선택한 후 "폴더 추가" 번트를 눌러 "src" 폴더를 추가합니다.

 

src 폴더 추가

 

 

"src" 폴더를 선택한 후 "main.cpp" 파일을 추가합니다.

 

main.cpp 추가

 

 

추가된 "main.cpp" 파일에 간단한 코드를 작성합니다.

더보기
# 포함  <iostream>

사용하는  네임 스페이스  표준을 ;

int  main ()
 {
     cout << "Hello World!" << endl ;

    반환  0 ;
}

 

C++ 코드 작성

 

 

이제 VS Code에 빌드와 컴파일이 되지 않는 C++ 프로젝트 설정이 완료되었습니다.

 

 

6. C++ 빌드 설정

앞 단계에서 설정한 C++ 프로젝트를 빌드 및 컴파일을 할 수 있도록 설정합니다.

 

6.1. 작업 구성

작업 구성은 컴파일 및 실행 시 사용할 설정 등을 구성하는 작업입니다.

 

메뉴 바에서 "터미널"을 눌러 "작업 구성"으로 프로젝트의 작업 구성을 수행합니다.

 

작업 구성

 

 

"작업 구성"을 누른 후 나오는 "템플릿에서 tasks.json 파일 만들기"를 선택합니다.

 

템플릿에서 tasks.json 파일 만들기

 

 

"템플릿에서 tasks.json 파일 만들기"를 누른 후 나오는 "Othars"를 선택합니다.

 

기타

 

"Others"를 누르면 프로젝트 폴더에 ".vscode" 폴더가 생성되고, ".vscode" 폴더 안에 "tasks.json"파일이 생성됩니다.

 

tasks.json

 

 

생성된 "tasks.json"에 아래의 코드를 붙여 넣습니다.

더보기
{
     "version" : "2.0.0" ,
     "runner" : "terminal" ,
     "type" : "shell" ,
     "echoCommand" : true ,
     "presentation" : {
         "reveal" : "always"
    },
    "tasks": [
        //C++ 컴파일
        {
            "label" : "C ++ 용으로 저장 및 컴파일" ,
             "command" : "g ++" ,
             "args" : [
                 "$ {workspaceRoot} /src/main.cpp" ,
                 "-g" ,
                 "-o" ,
                 "$ {workspaceRoot} / main "
            ],
            "group": "build",
            //컴파일시 에러를 편집기에 반영
            //참고:   https://code.visualstudio.com/docs/editor/tasks#_defining-a-problem-matcher
            "problemMatcher": {
                "fileLocation": [
                    "relative",
                    "${workspaceRoot}"
                ],
                "pattern" : {
                     // 정규 표현식입니다. 
                    // 일치 할 예 : helloWorld.c : 5 : 3 : 경고 : 'prinft'함수의 암시 적 선언 
                    "regexp" : "^ (. *) : (\\ d +) : (\\ d +) : \\ s + ( 경고 오류) : \\ s + (. *) $ " ,
                     "file " : 1 ,
                     "line " : 2 ,
                     "column " : 3 ,
                     "severity " : 4 ,
                     "message " : 5
                }
            }
        },
        
        // // 바이너리 실행(Windows)
        {
            "label" : "execute" ,
             "command" : "cmd" ,
             "group" : "test" ,
             "args" : [
                 "/ C" ,
                 "$ {workspaceRoot} / $ {fileBasenameNoExtension}"
            ]
        }
    ]
}

 

6.2. C/C++ 확장 기능

앞 단계에서 설치한 C/C++의 확장 기능을 작업 구성에 맞게 설정해야 합니다.

 

"Ctrl + Shift + P"를 눌러 "명령 팔레트"를 엽니다.

 

명령 팔레트

 

 

"C/C++"을 검색해 "C/C++ 구성 편집"을 선택합니다.

 

C/C++ 구성 편집

 

 

"C/C++ 구성 편집"을 선택하면 ".vscode" 폴더에 "c_cpp_properties.json"파일이 생성되고, 구성 편집을 할 수 있는 페이지가 나타납니다.

 

구성 편집을 할 수 있는 페이지에서 수정을 하면 자동을 "c_cpp_properties.json"이 갱신됩니다.

 

구성 편집 페이지에서 "컴파일러 경로"를 "C:\MinGW\bin\g++. exe"로 선택합니다.

 

컴파일러 경로

 

 

구성 편집 페이지에서 "IntelliSense"를 "gcc-x64"를 선택합니다. 

 

IntelliSense

 

 

"C 표준"과 "C++ 표준"을 "gnu11"과 "gnu++14"를 선택합니다.

 

C/C++ 표준

 

 

6.3. 디버깅 설정하기

디버깅을 위한 설정을 하기 위해서 "Ctrl + Shift + P"를 눌러 "명령 팔레트"를 열어 "launch"를 검색해 "launch.json 열기"를 선택합니다.

 

launch.json 열기

 

 

환경 선택에서 "C++ (GDB/LLDB)"를 선택합니다.

 

C ++ (GDB / LLDB)

 

 

"C++ (GDB/LLDB)"를 선택하면 ".vscode" 폴더에 "launch.json" 파일이 생성됩니다.

 

launch.json

 

 

6.4. 단축키 설정

단축키 설정은 꼭 필요한 기능은 아니지 개발에 편의성을 위해 수행합니다.

 

메뉴 바에서 "파일 -> 기본 설정 -> 바로 가기 키"를 선택 합니다.

 

바로 가기 키

 

 

바로 가가 키 화면에서 "바로 가기 키 열기"를 선택합니다.

 

바로 가기 키 열기

 

 

바로 가기 키 열기를 누르면 "keybindings.json" 파일이 열립니다. 여기에 "Ctrl + Alt + C"를 "빌드 단축키"로, "Ctrl + Alt + R"을 "실행 단축키"로 지정합니다.

더보기
// 키 바인딩을 이 파일에 넣어서 기본값 재정의
[
    // 컴파일 
    { "key" : "ctrl + alt + c" , "command" : "workbench.action.tasks.build" },
    
    // 실행 
    { "key" : "ctrl + alt + r" , "command" : "workbench.action.tasks.test" }
]

 

단축키 설정

 

 

7. C++ 빌드 및 실행

모든 설정이 완료되었습니다. 

 

탐색기에서 프로젝트의 "main.cpp"를 선택한 후 앞서 지정한 빌드 단축키 "Ctrl + Alt + C"를 누릅니다. 단축키를 누르면 "tasks.json"에서 설정한 "save and compile for C++"을 눌러 빌드를 수행합니다.

 

 

단축키를 이용한 빌드 작업 선택

 

 

빌드가 성공적으로 끝나면 탐색기에 "main.exe" 파일이 생성됩니다.

 

생성된 main.exe

 

 

빌드가 성공적으로 수행되었으므로, 우리가 지정한 실행 단축키 "Ctrl + Alt + P"를 누릅니다.

 

단축키를 이용한 실행 작업 선택

 

실행 작업 선택에서 "execute"를 선택해 실행합니다.

 

실행 성공

 

 

성공적으로 실행되는 것을 볼 수 있습니다.

 

지금까지 VS Code에서 C++ 개발을 위한 환경 설정 및 테스트 프로젝트를 진행했습니다.

감사합니다.

 


songsmir.tistroy.com.zip
0.00MB


https://evols-atirev.tistory.com/4

https://webnautes.tistory.com/1158

https://webnautes.tistory.com/1422?category=752911

'개발 환경 설정 > Visual Studio Code' 카테고리의 다른 글

Code OpenGL 개발 환경 설정  (3) 2020.10.09
Comments