비주얼스튜디오코드(VSCode) 코드정렬 방법 (feat. Prettier)

비주얼스튜디오코드 파이썬 자바스크립트 C언어 등 자동 코드정렬 방법

코딩을 하다 보면 코드 정리가 안되어 있어 한줄에 여러 구문이 들어가고

들여쓰기가 중요한 파이썬 같은 언어들이 아니라면 들여쓰기도 제대로 되어 있지 않아

가독성이 떨어지는 경우가 있습니다

그것을 예방하기 위해 코드 정렬을 하는 방법에 대해서 알아보겠습니다

vscode에서 기본으로 제공하는 단축키로도 가능하고 Prettier 이라는 확장 프로그램을 이용해서

간편하게 사용할 수 있습니다

 

먼저 단축키를 이용한 자동 코드정렬 방법에 대해서 알려드릴게요

정리를 원하시는 파일을 열어주세요

단축키는

윈로우는 Control + k, f
맥은 Command + k, f

입니다 k,f를 누르실 때는 Command, control을 누르신 상태에서 순서대로 눌러 주시면 됩니다

 

파이썬 코드정렬을 하려고 하는데 formatter를 설치하라고 나옵니다

사실 엄밀히 말하면 vscode에서 기본으로 제공하는 단축키는 아닙니다

extention을 설치하시고 다시 진행해 주시면 정상적으로 코드정렬이 된 것을 볼 수 있습니다

 

이렇게 들여쓰기가 잘못 되어 있는 코드도 자동으로

포맷팅을 해줍니다

 

깔끔하게 정리된 것을 볼 수 있습니다

 

vscode의 강력한 확장프로그램인 Prettier - code formatter 를 이용해서도 코드정렬을 사용할 수 있습니다