node.js 편집 툴 Visual Studio Code 설치

 

node.js 개발을 위한 편집기를 소개합니다.

Visual Studio에서 제공하는 code의 설치 방법에 대해 간략히 설명 합니다.

 

Visual Studio Code 다운로드

사이트에 들어가면 무료로 다운로드를 받으실 수 있습니다.

운영체제가 윈도우가 아니라면 [Download for Windows] 우측을 눌러 필요한 파일을 다운 받습니다.

오늘 다운받으니 버전은 VSCodeUserSetup-x64-1.28.1.exe 입니다.

다운받은 파일을 실행을 해서 설치를 합니다.

[실행] 버튼을 클릭 합니다.

[다음] 버튼을 클릭 합니다.

이거 또 괜히 만드는 듯한 느낌이 오네…

계약에 동의함을 선택하고

[다음] 버튼을 클릭 합니다.

 

설치 위치를 선택합니다.

저는 C:\가 60GB 짜리라 공간이 얼마 안 남아 D:\에 설치 합니다.

메뉴 폴더를 설정합니다.

[다음] 버튼을 선택 합니다.

특별히 설정할게 없어서 저는 기본으로 두고

[다음] 버튼을 선택 합니다.

설치를 위한 환경설정이 완료 되었습니다.

[설치] 버튼을 눌러 설치를 진행 합니다.

설치가 잘 진행 되고 있습니다.

설치가 완료되었습니다.

 

[마침] 버튼을 선택하여 설치를 종료합니다.

code가 실행된 화면입니다.

단순 깔끔하네요.

설치 메뉴얼이 또 욕먹게 생겨서 뭐 하나 해보겠습니다.

 

Start에 있는 New file을 선택하면 편집화면으로 넘어갑니다.

스크립트를 하나 작성합니다.

아는게 없어서

console.log("Hello World!");

를 적어봤습니다.

코드를 작성했으면 저장을 해야겠죠.

상단 메뉴에서

File > Save As …를 선택해서 파일로 저장을 합니다.

파일형식을 JavaScript(*.js,…)로 설정하고 저장 합니다.

저는 HelloWorld.js로 저장 했습니다.

이제 콘솔 창을 하나 열어서 파일이 있는지 확인을 하고

node HelloWorld.js [엔터]

하면 Hello World!가 찍힙니다.

그렇습니다.

Visual Studio Code는 에디터라 실행은 console에 가서 해줘야 합니다.

그래도 일반 텍스트 편집기 보다는 한가지 편한게

요렇게 자동완성 기능이 있습니다.

 

다음에는 eclipse로 한방에 실행을 할 수 있도록 해보겠습니다.

- copy coding -