Node.js :: Node js IDE(통합개발환경) 도구 설치(WebStorm) #2

WebStorm 설치

Node js 개발을 하기 편하도록, IDE 도구를 설치하도록 하자.

IDE 도구에는 여러가지가 있지만, 본 글에서는 WebStorm을 설치하려고 한다.

https://www.jetbrains.com/webstorm/

위 링크를 통해 사이트로 들어간다.

사이트에 들어간 뒤 바로 메인화면에 다운로드 버튼을 누른다.

WebStorm은 유료이지만, 30일동안 무료로 사용할 수 있다.

유료인 만큼 그 정도 값을 하는 IDE 도구이다.

Next를 눌러 설치를 진행하자.

설치가 완료되면 실행을 한다.

실행화면

empty project를 생성하고 오른쪽 버튼을 눌러

New >> JavaScript 파일을 생성한다. 이름은 자신이 원하는 이름으로 설정한다.

그리고,

console.log("hello node");

를 입력하고, 오른쪽 상단 실행(초록색 삼각형)버튼을 누른다.

또는

ctrl + shift + F10

을 이용해서, 실행한다.

에러가 발생하는 경우

node js npm 경로를 세팅해주지 않으면, 실행이 안되고 에러가 발생한다.

이럴때는, 메뉴에서

File >> Setting >> Language & Frameworks >> Node.js and NPM

에서 Node js 설치하고 생긴 node.exe 파일 경로를 추가해준다.

(기본적으로 경로 설정을 건드리지 않았다면, ProgramFiles/nodejs/node.exe 경로로 만들어진다.)

관련 글

2018/02/27 - [ETC] - Node.js :: Node js 설치하기 #1

2018/02/27 - [Language/Node.js] - Node.js :: 변수 선언하기 #3