NodeJS IDEL 통합환경 개발툴 Microsoft Visual Studio Code 무료 사용

NodeJS IDEL 통합환경 개발툴 Microsoft 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 로 NodeJS 서버를 실행해 보겠습니다.

 

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

https://code.visualstudio.com/

 

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

 

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

 

▼ NodeJS 서버 구동을 위해서 js 파일을 만들겠습니다. New File 메뉴를 사용해서 js 파일을 하나 생성합니다. Javascript 는 Visual Studio Code 에서 별도의 확장 프로그램을 설치할 필요가 없습니다. 기본으로 들어가 있기 때문입니다. 

 

▼ 다음은 만든 js 파일을 실행합니다. Debug > Start Debugging 나 F5 를 클릭합니다. 

 

▼ 그런데 화면에 에러 메시지가 뜨네요. 내용은 js 파일에 들어가 있는 내용으로 서버를 띄우기 위해서는 NodeJS 가 필요한데 연결이 되어 있지 않다는 내용입니다. Open launch.json 버튼을 클릭합니다. 해당 설정을 위해서는 launch.json 에서 해야 합니다. 물론 NodeJS 를 설치하고 컴퓨터 환경변수에 PATH 설정이 되어 있으면 다음 과정이 필요하지 않습니다. 

 

▼ 화면에는 launch.json 환경설정 파일이 나타납니다. 이곳에 NodeJS runtime 실행을 위한 프로그램을 연결해야 합니다. 

 

▼ 연결을 위한 변수는 runtimeExecutable 입니다. 해당 변수에 다운받아 설치한 폴더의 node.exe 경로를 입력해야 합니다. 

 

▼ 만약 NodeJS 가 없다면 다음 사이트에서 다운받아 설치합니다.

https://nodejs.org/ko/download/

 

▼ runtimeExecutable 변수에 설치한 NodeJS 폴더의 node.exe 경로를 입력하고 F5 를 눌러 실행해 보세요. 

 

▼ 그림처럼 정상적으로 실행되는 것을 볼 수 있습니다.