윤제니

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

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 설치 후 적용)

 

 

'HTML & CSS > HTML' 카테고리의 다른 글

HTML - a, abbr, b, mark, em, strong, i  (0) 2021.02.28
HTML - META, LINK, STYLE, SCRIPT  (0) 2021.02.17
VS Code - 단축키, 랩핑(Wrap) 방법  (0) 2020.05.25
VS Code - Live Server 코드 실행  (0) 2020.05.25