이런 저런 코드를 갖다붙여 놓다보면 들여쓰기가 뒤죽박죽으로 되곤 합니다. 이것을 모두 찾아서 일일이 들여쓰기 해주려면, 꽤 많은 시간과 노력을 들여야하겠지요.
vscode에는 웹 기반 언어들(html, css, javascript 등)의 코드를 자동으로 정렬해주는 플러그인이 여럿 있습니다. 저는 그 중 Beauty라는 플러그인을 사용하고 있습니다. Beauty를 사용하시려면, 마켓플레이스(Ctrl + Shift + X)에서 Beauty를 검색해서 찾은 후에 설치해주시면 됩니다.
Beauty의 코드 자동 정렬 단축키는 Ctrl + Shift + B입니다.
전체 코드를 Ctrl + A로 선택하신 후에 Ctrl + Shift + B를 입력해주면 전체 코드가 보기 좋게 정렬됩니다.
다만, 파이썬과 같이 들여쓰기가 굉장히 중요한 언어의 경우에는 Beauty의 자동 정렬 기능을 사용하지 않는 것이 좋습니다. 되려 망가질 수 있습니다.
(이 글은 2021-2-13에 마지막으로 수정되었습니다.)
'Editor > vscode' 카테고리의 다른 글
| [vscode] 한 줄 삭제 단축키 (2) | 2022.06.30 |
|---|---|
| [vscode] 어떤 행을 복사해서 다른 곳에 붙여 넣고 싶을 때 빠르게 하는 방법 (0) | 2022.05.14 |
| [vscode] html 문서에서 아이디 또는 클래스 부여한 div 요소 빠르게 생성하는 방법 (2) | 2022.04.09 |
| [vscode] 전체 프로젝트에서 어떤 단어를 검색하려면? (4) | 2022.04.04 |
| [vscode] html에서 여는 태그와 닫는 태그를 한 번에 수정하려면?, auto rename tag 확장 플러그인 (0) | 2022.04.03 |
| [vscode] 반복되는 단어 한번에 수정하는 방법 (12) | 2021.06.02 |
| [vscode] 비주얼 스튜디오 코드에서 Lorem ipsum 사용하려면 (4) | 2021.03.27 |
| [vscode] vscode 내에서 html 파일 웹 브라우저에 열리게 하는 단축키 (4) | 2020.10.15 |