WebStorm 미세 팁

웹스톰에서 유용하게 쓸 수 있는 몇 가지 기능을 소개한다.

package.json에서 의존성의 버전 관리

웹스톰 2018.3부터 버전 자동 완성을 지원한다.

예를 들면, "axios": ""에서, Ctrl+Space를 누르면 latest 버전이나 next등이 뜬다.

기존의 버전을 특정 버전으로 바꾸려고 할 때도 유용하다.

프로젝트에서 어떤 의존성의 버전이 "2.6.3"이고 최신 버전이 "2.8.3"인데, "2.6.x"에서 최신 버전으로 고치고 싶다면 아래와 같이 하면 된다.

"xxxx":"^2.6."에서 '.'뒤에서 Ctrl+Space를 누르면 2.6.으로 시작하는 버전이 자동으로 뜬다.

Local History

이전의 코드를 보고 싶을 때에는 Ctrl+Z를 누르는 것이 아니라, VCS > Local History를 들어가면 된다.

현재 코드와 이전 코드를 비교할 수 있고, >>을 통해 이전 코드를 현재코드에 넣을 수 있다.

HTTP Client

REST API를 개발 할 때 매우 편리하다. Tools > HTTP Client탭에 들어가면 된다.

또한 이제 파일로도 관리할 수 있고, Response을 파일로 저장해주기도 한다.