초간단 WebStorm에서 모듈 설치하기(package.json)

이번에는 WebStorm에서 모듈 패키지 설치하는 법을 알아보겠습니다

 

우선 새 프로젝트를 하나 만들게요

 

4단계만 거치면 설치가 되는 초간단 설치법입니다

 

잘따라와주세요~~!

 

1. WebStorm 실행 > New Project

 

 

2. Node.js 선택 > 프로젝트 이름 설정 > Create

 

Node.js를 선택하고 프로젝트를 만들면 아래처럼 package.json 파일이 자동 생성됩니다

 

만약 그냥 빈 프로젝트로 만드셨다면 터미널에서 해당 폴더로 가셔서 아래 명령어를 입력하면

같은 결과가 표시됩니다(package.json 생성)

 

$ npm init -y

 

 

3. 아래 코드블럭 복사해서 package.json에 붙여넣고 아래 그림처럼 원하는 패키지 이름 입력

 

  "dependencies": {
  }

저는 express를 설치해보려고 하는데요~ 일부만 입력을 해도 그림에서 보시는 것처럼 자동완성이 됩니다

 

그리고 원하는 버전을 입력해주시면 되는데 따옴표만 입력하면 아래 처럼 최신버전을 표시해줍니다

 

 

4. 버전 선택까지 마쳤다면 마우스 오른쪽 누르고 Run 'npm install'을 선택하면 끝!

 

 

 

만약 2개 이상의 패키지를 설치하길 원하시는 분은

dependencies 배열 아래 원하는 모든 패키지를 입력한 후

Run 'npm install'을 실행하시면 입력한 모든 패키지가 설치됩니다

 

 

설치가 완료되고나면 WebStorm의 하단 콘솔에 아래 처럼 화면이 표시됩니다

 

 

 

폴더를 확인해보면 처음에는 없던 node_modules 폴더와 package_lock.json 파일도 생성된 것을 확인할 수 있습니다

 

 

 

사실 터미널에서 npm install로 설치해도 관계는 없지만 에디터 자체에서 모듈과 페키지를 설치할 수 있다는 점이

이 웹스톰이나 파이참 등 Jetbrain 텍스트편집기의 큰 장점 중 하나라 소개해드렸습니다 :)

 

아무쪼록 즐거운 코딩생활 되시길 바래요~