Please Enable JavaScript!
Gon[ Enable JavaScript ]

Visual Studio Code 무료 통합 환경 개발 툴

프로그래밍 툴/Visual Studio Code
반응형

Visual Studio Code 무료 통합 환경 개발 툴

 

환경: Visual Studio Code

 

Visual Studio Code 는 마이크로소프트 Visual Studio 통합 개발환경 툴로서 무료이자 경량 에디터입니다. 핵심은 C# ASP.Net 을 지원하지만 TypeScript Javascript, Node.js 도 지원합니다. 그리고 마이크로소프트 개발툴이 Windows OS 에만 지원한다는 기존의 틀을 깨고 MacOS, Linux에서도 사용이 가능합니다.

 

Visual Studio Code 다운로드 사이트는 다음과 같습니다. 메인 화면에서 설치할 컴퓨터의 OS 를 선택하고 다운로드 버튼을 클릭합니다. 

https://code.visualstudio.com/

Visual Studio Code 무료 통합 환경 개발 툴

 

참고로 지원하는 언어는 다음과 같습니다. 확장 프로그램을 추가하면 거의 모든 언어 사용이 가능합니다. 제가 주로 사용하는 파이썬과 NodeJS, Java 를 지원한다고 하니 써 봐야겠습니다

Visual Studio Code 무료 통합 환경 개발 툴

 

설치는 간단합니다. 마지막에 설치 화면에서 PATH 에 추가는 체크해 주는 것이 좋습니다. 만약 체크해서 추가하지 않으면 매번 해당 폴더로 가서 Visual Studio Code 를 실행해야 하기 때문입니다

Visual Studio Code 무료 통합 환경 개발 툴

 


Visual Studio Code 에는 HTML, CSS, JSON, Jake, Npm, TypeScript, PHP, Javascript 가 기본적으로 가지고 있습니다. 이 외에는 확장 프로그램에서 설치해야 합니다. Python 도 마찬가지 입니다. 왼쪽 사이드에 있는 확장 탭을 클릭합니다

Visual Studio Code 무료 통합 환경 개발 툴

 

확장 탭 화면으로 이동하면 목록에 인기있는 모듈 순으로 나타납니다. Python 이 제일 상단에 있네요. 오른쪽 끝에 있는 Install 버튼을 눌러 설치합니다

Visual Studio Code 무료 통합 환경 개발 툴

 

설치가 끝나면 Reload 를 눌러야 합니다. 그러면 파이썬을 구현할 수 있도록 프로그램에 반영합니다

Visual Studio Code 무료 통합 환경 개발 툴

 

제대로 구동이 되는지 알아보기 위해 파일을 하나 생성합니다. 그리고 실행할 소스를 입력합니다

Visual Studio Code 무료 통합 환경 개발 툴

 

실행은 간단합니다. F5 Debug > Start Debugging 메뉴를 클릭합니다. 다른 프로그램 툴과 달리 Debugging 이 기본으로 되어 있습니다

Visual Studio Code 무료 통합 환경 개발 툴

 

콘솔에 실행한 결과가 제대로 나타나네요. 이상으로 Visual Studio Code 에서 확장 프로그램을 설치한 후 실행하는 방법에 대해 알아 보았습니다

Visual Studio Code 무료 통합 환경 개발 툴

반응형
Posted by 녹두장군1
,