HTML & CSS/HTML

VS Code - Beautify 설치 및 단축키 설정, 코드 정렬

꿈다루 2020. 5. 25. 15:35

1. VS Code >> Extensions >> beautify 검색 >> Install 클릭하여 설치

 

2. Contributions(기여) 클릭 >> 단축키 설정 가능

 

3. Code >> Preferences >> Keyboard Shortcuts   => 단축키 설정 가능한 목록 출력

 

4. 단축키 설정 원하는 것 검색 

    위에서 설치 받은 beautifyContributions => Name 복사 하여 검색 후 더블 클릭하여 단축키 입력!

    ex) alt + cmd(command) + l(알파벳 L)

 

5. 코드의 정렬을 가지런히(예쁘게) 변경 시켜준다.

 

변경 전 

 

변경 후 (beautify 설치 후 적용)