Visual Studio Code에서 Node.js 환경 구축하기

이미 비주얼 스튜디오 코드 설치를 완료해서 비주얼 스튜디오 코드에서 node.js환경을 구축하는 법을 알아보겠습니다.

우선 https://nodejs.org/en/ 사이트를 방문하여서 아래처럼 다운로드를 진행해주시면 됩니다.

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

위처럼 다운로드가 완료되면 cmd창을 열어서 node-v , npm-v를 입력하여 설치합니다

 

Node.js 프로젝트 생성 및 실행

VSCode에서 프로젝트를 하는것처럼 새로 폴더를 만들어서 

VsCode 프로그램으로 가서 상단 메뉴에 Open Folder를 하여서 방금 생성한 폴더를 선택합니다.

그 후 보기/view 메뉴를 통해 터미널을 클릭해줍니다.

그 후 js파일을 만들어서 실행시키는데 run and Debug 탭으로 이동하면 ,  처음에는 프로젝트 실행에 필요한 launch.json 파일이 아직 없기 때문에, 아래 캡처처럼 create a launch.json file 버튼이 보입니다. 이번 버튼을 클릭하여 launch.json 생성합니다.

그리고 파일을 실행 시키면 당연히 launch type을 선택하도록 돼있는데 여기서는 Node.js를 선택합니다.

아래처럼  실행시키면 이런 코드가 나온다

실행 화면