비주얼 스튜디오 코드 beautify 설치와 단축키 설정

beautify는 소스코드를 정렬해주는 고마운

확장기능입니다. 주로 인터넷에서 가져온 코드를

복사 붙여넣기 한 후에 사용하면 기분적으로

순식간에 나의 코드로 흡수가 된 만족감이 있습니다.

 

*atom 이나 bracket등의 IDE는 beautify 설치시

메뉴나 단축키로 바로 사용할 수 있는데

비주얼 스튜디오 코드의 경우

설치 후 별도 설치하는 과정이 필요합니다

 

간단한 과정이지만 모르면 헤메게 되는데

이 포스팅을 따라하면 해결할 수 있습니다.

 

<-- 코딩각 애드센스 사각-1 -->

 

 

우선 마켓플레이스에서 Beautify 를 설치합니다.

이미 VSC에서만 800만회가 넘게 설치되었습니다.

 

기능기여도 탭을 클릭하여 아래로 내려서

바로가기키가 비어있는 것을 확인합니다.

 

 

VSC의 메뉴에서

파일 - 기본설정 - 바로가기키

를 클릭하면 키바인딩이 나오는데

beautify를 검색하면 아래와 같이 나옵니다.

 

키바인딩은 처음에 안되있습니다.

원하는 키바인딩을 합니다.

 

file과 selection 이 있는데

file은 전체 파일을 정렬하는 기능이고

selection은 하이라이트 선택에만

적용하는 기능인데 selection 도 커서가

편집기에 있으면 그냥 file처럼 전체를

정렬해줍니다. selection 만 사용하는

사람들도 많던데 선택은 자유입니다.

 

키바인딩은 Atom에서 Ctrl+Alt+B가

기본이라서 selection에 똑같이 설정해봤습니다.

 

커맨드팔렛(Ctrl+Shift+p)에서

beautify를 쳐도 나오는데

단축키를 사용하는게 더 빠를겁니다.