2021-01-11 15:26:49

이런 저런 코드를 갖다붙여 놓다보면 들여쓰기가 뒤죽박죽으로 되곤 합니다. 이것을 모두 찾아서 일일이 들여쓰기 해주려면, 꽤 많은 시간과 노력을 들여야하겠지요. 

 

vscode에는 웹 기반 언어들(html, css, javascript 등)의 코드를 자동으로 정렬해주는 플러그인이 여럿 있습니다. 저는 그 중 Beauty라는 플러그인을 사용하고 있습니다. Beauty를 사용하시려면, 마켓플레이스(Ctrl + Shift + X)에서 Beauty를 검색해서 찾은 후에 설치해주시면 됩니다.

 

Beauty 플러그인으로 코드를 예쁘게 정렬하자

 

Beauty의 코드 자동 정렬 단축키는 Ctrl + Shift + B입니다. 

 

전체 코드를 Ctrl + A로 선택하신 후에 Ctrl + Shift + B를 입력해주면 전체 코드가 보기 좋게 정렬됩니다.

 

다만, 파이썬과 같이 들여쓰기가 굉장히 중요한 언어의 경우에는 Beauty의 자동 정렬 기능을 사용하지 않는 것이 좋습니다. 되려 망가질 수 있습니다. 

 

(이 글은 2021-2-13에 마지막으로 수정되었습니다.)