vscode로 자바스크립트 실행하기

지금까지는 웹 에디터를 사용해서 코딩을 했는데, 앞으로를 위해 전문 에디터 하나를 익혀둘 필요가 있다는 생각을 하였다. 여러 에디터 중에 가장 인기가 있는 'vscode'를 선택하였다.

 

vscode를 실행시키고 간단한 자바스크립트 코드를 실행시키면 이런 창이 뜨면서 실행이 안된다.

 

자바스크립트를 실행시키려면 node.js라는 실행환경을 제공하는 프로그램이 필요하다.

 

https://nodejs.org/en/

Node.js

이곳에 들어가면 추천 다운로드가 보이니 다운을 받으면 된다. 그리고 설치파일을 실행시키면

 

이런 화면이 나타나고 지금부터 Next를 계속 눌러주면 된다.

 

 

여기서 'Automatically install~'라고 적힌 체크박스를 해제한 상태로 넘어간다. 체크하고 넘어가면 이것저것 추가로 설치가 진행되는데 시간이 꾀 오래 걸린다. 나중에 필요한 게 있으면 그때 설치하기로 하고 넘어갔다.

 

이렇게 node.js 설치를 마쳤다. 설치가 끝나고 바로 vscode로 자바스크립트를 실행시키면 여전히 오류창이 뜬다. 그럴 땐 재부팅을 하면 된다. 재부팅을 하면 환경변수 설정이 완료되어 자바스크립트를 vscode로 실행하고 디버깅할 수 있게 된다.