Front-end
Beautify 코드 정리 기능
굿놈
2022. 1. 6. 23:48
들어가기 앞서,
- 코드를 작성하다보면 어지럽게 정리가 안된 상태로 코드를 작성하는 경우가 있다. 이때 Beautify를 활용하여 단축키로 코드를 정리할 수 있다. 보기 좋은 코드가 이해하기도 좋다.
Beautify 설치
Extensions에서 beautify를 검색하면 첫 번째로 나오는 Beautify라는 확장기능을 설치한다.
Beautify 설정
그리고 기능 기여도에서 명령부분에 HookyQR.beautify를 복사해준다.
이제 명령창(Crtl+Shift+p)에서 '바로 가기 키'를 검색해 '기본 설정: 바로 가기 키 열기'를 클릭한다.
여기서 아까 복사해둔 HookyQR.beautify를 붙여 넣어 Beautify selection을 더블클릭하여 단축키 설정을 해주고 사용하면된다.
Beautify 사용
이런 지저분한 코드를 아까 설정해준 단축키 한번에 아래와 같이 정리할 수 있다.