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

NodeJS

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 IDEL 통합환경 개발툴 Microsoft Visual Studio Code 무료 사용

 

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

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

 


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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

 

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

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

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

 

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

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

 

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

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

Posted by 녹두장군