[JavaScript] 자바스크립트 개발을 위한 VSCode 개발환경 세팅

※이 글은 Window 기반으로 작성되었습니다.

※코드잇 자바스크립트 기반 VSCode 개발환경 세팅 및 구글링을 통하여 작성되었습니다.

 

 

1. VSCode 설치

https://code.visualstudio.com/

Visual Studio Code - Code Editing. Redefined

Download for free를 클릭하면 본인 환경에 맞게 설치파일을 다운 받을 수 있다.

나는 Window, 64bit 환경이기 때문에 이에 맞는 설치파일을 다운로드 받아 설치하였다.

 

2. Node.js 설치

https://nodejs.org/en/download/

Download | Node.js

아마, React나 Vue.js를 사용하고 있다면 이미 설치되어있을 듯 하다. LTS 버전으로 본인 컴퓨터 OS에 맞는 설치파일을 다운로드한다. 사실 여기까지 했으면 거의 다했다.

 

3. Code Runner 설치

VSCode 실행 후, Extension 설치를 위해 왼쪽 5번째 아이콘을 클릭한다.

Search에 Code Runner를 검색하고, install을 클릭한다.

New File > test.js 파일을 생성한다.

console.log("Hello World"); 를 입력한 후, 왼쪽 상단에 재생 버튼을 클릭하거나 Ctrl + Alt + N을 입력한다.

그러면 이렇게 출력이 되는 것을 확인할 수 있다. 이렇게 JavaScript 개발을 위한 기초 환경 세팅은 끝!