[VSCODE] Visual Studio Code에서 자바스크립트 실행하기

※ 본 포스팅은 윈도우 11 환경을 바탕으로 작성된 내용입니다.

 

---

 

목차

 

code runner 확장 플러그인

node.js

 

---

 

자바스크립트를 실행하는 방법은 두가지가 있다.

1. 브라우저에서 자바스크립트 실행하기
2. 내장 터미널에서 자바스크립트 실행하기

[JavaScript] 자바스크립트 시작하기 / 개발환경

 

이 게시글은 vscode 내장 터미널에서 자바스크립트를 실행하는 방법이다.

 

내장 터미널에서 자바스크립트를 실행하는 방법은 두 가지 방법이 있다.

1. code runner  확장플러그인 실행
2. node.js 실행

 

 

 

[vscode 설치하기]

[VSCODE] VSCODE 설치 / Visual Studio Code 설치하기

 

---

[ Code Runner 확장 플러그인 설치 ]

 

설치한 vscode를 실행한 다음 자바스크립트 파일을 생성한다.

// index.js
console.log("test");

const a = "study javascript";

console.log(a);

 

vscode에서 왼쪽 메뉴 가장 아래에 있는 Extensions 클릭 ( 또는 단축키 Ctrl + shift + X)

vscode 메뉴 화면

 

검색창에 code runner 검색 후 install 클릭

extentions에서 code runner 검색

 

운영체제	단축키
Windows	Ctrl + Alt + N
macOS	control + option + N

 

실행하면 다음과 같은 결과가 나타난다.

code runner 실행 결과

 

 

 

---

 

[ node.js 실행 ]

node.js를 사용하여 자바스크립트를 실행할 수 있다.

[node.js 설치]

[Node.js] Node.js 설치하기 / 노드js 설치하기

 

 

vscode에는 터미널(cmd, 명령 프롬프트)이 내장되어있다.

내장 터미널 열기 View >Terminal

 

node.js를 설치한 후 명령어 node index.js를 입력하면 자바스크립트가 실행된다.

//node 파일명.js

node index.js

 

node.js 실행결과

 

ctrl + c를 누르면 node.js가 종료된다.

 

 

 

 

---

잘못된 정보는 댓글에 남겨주시면 감사하겠습니다!😊

댓글과 좋아요는 큰 힘이 됩니다!

 

[ 참고자료 ]