정보 공유를 위해 블로그에 작성한 글을 가져왔습니다.
블로그에 작성 한 글이기 때문에 말투가 반말로 작성되어있습니다. 불편하신 분들은 살포시 뒤로가기 버튼 눌러주시고, 양해 부탁드립니다 !
간단한 VS Code 윈도우 C / C++ 컴파일 환경설정하기 (php, python, java ... etc 적용 가능)
"C / C++ 뿐만 아니라 다양한 언어 또한 쉽게 컴파일 환경설정을 하기 위한 글이다."
1. Visual Studio Code (이하 VS Code)

VS Code는 Microsoft 사에서 만든 심플하고 강력한 IDE이다. 기존 Microsoft 사의 Visual Studio는 많이 무겁지만, 이 VS Code는 Atom, Discord, Slack 등을 만든 Electron 기술을 사용하여 만든 IDE이다. 이전에 한바탕 휩쓴 Sublime Text IDE와 비슷하다고 보면 된다. 하지만, Microsoft 사에서 만들었기 때문에 확장기능이 엄청나게 많고 업데이트 또한 활발하다. 사실 이 포스팅에서는 VS Code에 대해 자세히 작성하는 것 보단 그 후에 C / C++ 컴파일 환경설정에 대한 내용을 다뤄보고자 한다.
2. VS Code & Mingw 설치
VS Code IDE는 Electron를 사용하여 만들었기 때문에, Windows, Linux, Mac OS에서 모두 지원한다.
Linux와 Mac OS에서는 별도의 C / C++ 환경설정을 할 필요가 없지만, Windows 환경에서는 기본적으로 gcc 와 g++이 설치가 되어있지 않은 환경이기 때문에 별도의 환경설정이 필요하다.

VS Code 다운로드 링크
VS Code의 설치에는 별도의 설정이 필요 없다.

MinGW 다운로드 링크
minGW는 위 다운로드 링크를 통해 설치를 진행한다.

설치 후, MinGW Installation Manager에서 다음 패키지를 선택 후, Apply Changes 를 눌러 설치한다. mingw-developer-toolkit mingw32-base mingw32-gcc-g++ msys-base

컴퓨터 → 속성 → 고급 시스템 설정 → 시스템 속성 [고급 탭] → 환경 변수 → Path 변수에 C:\MinGW\bin 을 추가한다.
환경설정을 추가했다면, 정상적으로 gcc / g++ 컴파일러가 설치가 되었는지 확인하기 위해 명령 프롬프트(cmd)를 켜서 확인해본다.

gcc --version g++ --version 스크린샷처럼 gcc / g++ 버전이 표시가 된다면 Done!
3. VS Code 컴파일 환경설정
VS Code를 실행하면 생각보다 심플한 디자인의 위와 같은 화면을 볼 수 있다.
최근 로고가 바뀌어 매번 볼 때마다 적응이 안된다.

VS Code IDE 안에 내장된 확장 마켓플레이스에서는 검색을 통해 쉽고 빠르게 확장기능을 설치할 수 있도록 편의성을 제공하고 있다. 이번에 설치할 확장기능은 'Code Runner'로 C / C++ 뿐만 아니라 다음과 같은 언어에 대해 지원하고 있다.
C, C++, Java, JavaScript, PHP, Python, Perl, Ruby, Go, Lua, Groovy, PowerShell, BAT/CMD, BASH/SH, F# Script, C# Script, VBScript, TypeScript, CoffeeScript, Scala, Swift, Julia, Crystal, OCaml Script, R, AppleScript, Elixir, Visual Basic .NET, Clojure, Haxe, Objective-C, Rust, Racket, AutoHotkey, AutoIt, Kotlin, Dart, Free Pascal, Haskell, Nim, D
세부 정보를 읽어보면, 다양한 환경설정에 대한 Configuration 이 나온다.
{
"code-runner.executorMap": {
"javascript": "node",
"php": "C:\\php\\php.exe",
"python": "python",
"perl": "perl",
"ruby": "C:\\Ruby23-x64\\bin\\ruby.exe",
"go": "go run",
"html": "\"C:\\Program Files (x86)\\Google\\Chrome\\Application\\chrome.exe\"",
"java": "cd $dir && javac $fileName && java $fileNameWithoutExt",
"c": "cd $dir && gcc $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"
}
}
VS Code IDE 메뉴 → 파일 → 기본 설정(P) → 설정(S) 을 눌러 '사용자 설정'을 작성한다.
좌측에는 기본 설정(Default)이 표시되고 우측에는 사용자 설정(Custom)이 표시가 된다. 나의 경우에는 '폰트', '폰트 사이즈', '에디터 설정' 등 나만의 IDE 환경을 만들기 위해 설정을 입력한 상태이다. 여기에서 C / C++ 컴파일을 위해 다음 라인을 추가한다.
// Code Runner "CPP" 설정
"code-runner.executorMap": {
"cpp": "cd $dir && g++ $fileName -o $fileNameWithoutExt && $dir$fileNameWithoutExt"
},
// Window 10 에서는 Default Shell 이 Powershell이기 때문에 cmd로 변경해야 정상적으로 실행 됨.
"terminal.integrated.shell.windows": "C:\\Windows\\sysnative\\cmd.exe"
간단한 test 코드를 작성 후, 우측 메뉴의 'Run Code'를 클릭하여 컴파일을 시도해보자.
그럼 아래 '출력'에 컴파일이 완료되어 Hello World를 띄워준다.
입력이 필요한 코드의 경우에는 Input 이 불가능하기 때문에 터미널을 통해 동일하게 컴파일 할 수 있다.
4. 마치며...
사실 아직도 VS Code의 윈도우 컴파일로 검색해보면 어렵게 tasks 를 구성하고 많은 이들이 짜증을 토로하는 글들이 많이 보인다. 나 또한 이 과정을 거치고 짜증난 기억이 있어 혹시 다른 이들에게 도움이 될까 싶어 이 글을 작성해본다.
추천 확장기능
Active File In Status Bar // 상태바에 경로 표시 
Settings Sync // 사용자 설정, 확장기능 등을 github에 동기화하여 컴퓨터 환경이 변경되면 재설치 시 편함
TODO Highlight // TODO를 Highlight 해주는 기능
VSCode Great Icons // 폴더 및 파일 아이콘 설정
이 포스팅은 지속적인 수정 보완이 되며 잘못된 정보가 있다면 답글이나 이메일로 피드백 부탁드립니다.
블로그에서 보시면 더욱 큰 사진으로 보실 수 있습니다.
VS Code로 이전을 고려해봐야겠습니다.
IDE에서 Debug 를 하고자 하시려면 Tasks 와 settings 를 작성해야합니다 ㅠㅠ