웹스톰에서 prettier를 설정하는 방법
웹스톰(webstorm)에는 기본적으로 prettier가 설치되어 있습니다.
그러므로 npm 또는 yarn을 통해서 node_modules에 prettier를 설치해주고 prettier관련 설정만 해주면 됩니다.
npm install --save-dev --save-exact prettier
위와 같이 설치해준 뒤 File -> Settings -> Languages & Frameworks -> JavaScript -> Prettier에 들어가서 다음과 같이 설정해줍니다.
Prettier package에는 node_modules/prettier가 위치하는 주소를 지정하고 아래 체크 박스를 모두 체크해주면 저장 시에도 prettier가 작동이 됩니다.
작동이 안될 때는 웹스톰을 재시작.
prettier 작업의 단축키는 alt+ctrl+shift+p 입니다.