[JavaScript] Visual Studio Code 설치, 그리고 마주한 에러(/bin/sh: node: command not found, zsh: command not found: node)

JavaScript를 공부할 일이 있어

내 개인 노트북에 Visual Studio Code 를 설치해보기로 했다.

 

ㅋㅋㅋㅋ 와 학부 때나 해봤던 코딩을 이렇게 다시 해보다니..

 

 

 

 

설치는 어려울 것 없습니다.

 

구글에 'Visual Studio Code' 검색하면 바로 나오는데,

사진과 같은 페이지에서 설치 파일을 다운로드 후 실행하면 됩니다ㅎㅎ

 

 

 

 

 

 

Visual Studio Code를 사용하기 위해

기본적으로 Code Runner, Live Server를 설치해줘야 한다.

 

왼쪽 메뉴 하단에 Extension 아이콘을 클릭한 후,

Code Runner, Live Server를 각각 검색해서 Insall 클릭하면 된다.

 

 

설치 후에는 위 사진처럼 Disable, Uninstall 형태로 바뀐다.

 

 

 

 

Coder Runner는 다양한 언어를 빠르게 실행하도록 지원해주는 확장 툴이고,

Live Server는 JavaScript, HTML, CSS 등 다양한 파일을 브라우저에서 미리보기할 수 있도록 지원해주는 툴이다.

 

 

 

 

Explorer 메뉴에서 파일을 생성해서

이제 가장 기본적인 Hello World 문구를 출력해보기로 했다ㅎㅎ

 

console.log('Hello World');

 

VS Code에선 코드 작성 후 (^ + OPTIOIN + N) 단축키를 누르면 자동 실행된다.

 

근데 위 사진처럼 에러 문구가 떴다.

아니 처음부터 이런다고..? ㅋㅋㅋㅋㅋㅋㅋ

 

/bin/sh: node: command not found

 

뭔가 셋팅이 잘못됐나 당황;

 

 

 

 

찾아보니 Code Runner JSON 환경에

문구를 추가해주면 된다고 한다.

 

(CMD + SHIFT + P) 실행 후, Preferences: Open User Settings(JSON) 으로 들어가면 된다.

 

 

 

 

사진처럼 JSON 환경 파일에 문구를 추가해주자 !

 

"code-runner.runInTerminal": true

 

 

 

 

---

 

 

다시 코드 실행해보니 이번엔 아래와 같은 에러 문구 발생

롸..?

 

zsh: command not found: node

 

이건 JavaScript의 프레임워크인 node.js가 설치되어 있지 않거나

node.js의 PATH 변수가 잘못되어 있을 때 발생한다고 한다.

 

 

 

 

Node.js 공식 홈페이지에서 LTS 파일을 다운받아 설치하자.

 

 

 

 

node -v

 

설치 전엔 못 불러오던 결과 값이 잘 보인다ㅎㅎ

 

 

 

 

이제 Hello World 가 정상적으로 출력된다.

오예 ~!

 

완전 기본을 끝냈다. ㅋㅋㅋㅋ