써치킴의 우당탕탕 개발 블로그

[Front-end][Ch2] VS code 정리된 코드 만들기(Beautify) 본문

Front-end 기초지식

[Front-end][Ch2] VS code 정리된 코드 만들기(Beautify)

써치킴 2021. 9. 14. 16:33

코드의 가독성을 높이기 위해 Beautify 확장팩 설치

  1. 좌측 바 > 확장팩 선택
  2. beautify 입력
  3. 해당 확장팩 설치

 

Beautify 사용법

 1. 기능기여도 선택

 2. HookyQR.beautify 복사

 3. 상단 Code > 기본 설정 > 바로가기 키 OR command + shift + p > 바로 가기 키 열기

 4. HookyQR.beautify 검색

 5. Beautify selection > HookyQR.beautify 더블클릭

 6. alt + cmd + l 기입(사용자 편한대로) > Enter

 

해당 지저분한 코드를 드래그하고

 Beautify 단축키를 사용하면

지저분한 코드를 깔끔하게 정리할 수 있다!

 

 

Comments