2015년 3월 2일 월요일

node.js 프로젝트 환경 설정(1/3): WebStorm과 node.js 설치

Windows 8.1 64bit에서의 WebStorm과 node.js 설치 스텝을 간략히 정리해 보자

1.WebStorm 설치
1) 자신의 License 키 복사
JetBrains 사이트에 로긴하면 구매한 License 키가 보인다. 키 위에서 클릭하면 클립보드에 복사된다.

2) WebStorm 다운로드: WebStorm 다운로드 사이트에서 Windows용 최신 버전을 다운로드 한다.

3) 다운로드 받은 WebStorm 설치

4) WebStorm 실행 후 License key입력
키입력 창이 나오면 WebStorm 구매시 등록한 아이디와 복사한 License 키를 입력한다.

5) WebStorm 초기 설정(개인적 취향)
- Keymap: Visual Studio, IDE Theme 및 Editor color/font: Darcula

2.Node.js 설치
1) node.js 사이트로 가서 64 bit용 Windows Installer와 source code 압축 파일을 다운로드 받는다.
2) Windows Installer를 통해 설치한다.
3) command 창 (Windows 키+R --> cmd 명령)을 실행하여 'node -v'을 확인한다.
D:\myproject> node -v
v0.12.0
4) 다운받은 node.js 소스코드의 압축을 풀어 향후 참조할 folder에 저장한다.

3. WebStorm 설정
1) WebStorm을 실행하여 프로젝트를 새로 시작한다.
2) File > Settings으로 설정창을 연다.
3) Languages and Frameworks > Node.js and NPM을 선택한다.
4) Node Interpreter에 설치한 node.exe의 위치를 입력한다.
(default 위치 - C:\Program Files\nodejs\node.exe)
5) Node.js Core Modules의 소스코드 위치에는 압축을 푼 node.js 소스코드의 root folder를 지정한다.
6) Languages and Frameworks > Javascript > Libraries 에서 node.js관련된 항목이 모두 check되어 있는 것을 확인한다. (core modules, global)

다음글 :
node.js 프로젝트 환경 설정(2/3): gulp를 활용한 node.js 개발 환경 설정
node.js 프로젝트 환경 설정(3/3): mocha와 gulp를 활용한 node.js 테스트 환경 설정

댓글 없음: