Front-end

Beautify 코드 정리 기능

굿놈 2022. 1. 6. 23:48

들어가기 앞서,

  • 코드를 작성하다보면 어지럽게 정리가 안된 상태로 코드를 작성하는 경우가 있다. 이때 Beautify를 활용하여 단축키로 코드를 정리할 수 있다. 보기 좋은 코드가 이해하기도 좋다.

Beautify 설치

Extensions에서 beautify를 검색하면 첫 번째로 나오는 Beautify라는 확장기능을 설치한다.

Beautify 설정

그리고 기능 기여도에서 명령부분에 HookyQR.beautify를 복사해준다.

이제 명령창(Crtl+Shift+p)에서 '바로 가기 키'를 검색해 '기본 설정: 바로 가기 키 열기'를 클릭한다.

여기서 아까 복사해둔 HookyQR.beautify를 붙여 넣어 Beautify selection을 더블클릭하여 단축키 설정을 해주고 사용하면된다.

Beautify 사용

이런 지저분한 코드를 아까 설정해준 단축키 한번에 아래와 같이 정리할 수 있다.