[VSC] Visual Studio Code에서 Prettier 적용 안될 때(저장할 때 자동으로 코드정렬 이쁘게 만들기)

2020. 6. 13. 17:47IT, Smart Life

최근 Visual Studio Code를 사용해보고 있습니다.

엄청 깔끔하고 좋은 것 같네요.

2019년도 개발자들이 제일 좋아하는 에디터 부문에서 압도적인 1위를 하기도 했다는데, 마이크로소프트는 역시 대단한 것 같습니다.

(지, 이제 그 대단함을 Xbox와 모바일에서도 제발 보여다오...)

 

https://code.visualstudio.com/

 

Visual Studio Code - Code Editing. Redefined

Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud applications.  Visual Studio Code is free and available on your favorite platform - Linux, macOS, and Windows.

code.visualstudio.com

 

 

Visual Studio Code를 설치하고 코드를 이쁘게 정리해주는 익스텐션 'Prettier'를 설치했습니다.

분명, 인스톨이 완료되었고, 사용하기로 되어 있는데도, 저장할 때 적용하기 기능이 잘 적용이 안되었습니다.

 

 

검색을 해보니 나오는 해결법들이, 예전 버전에 해당하는 것인지 알려주는 스크린 샷 속의 화면과 지금 설정이 다르더군요.

저처럼 찾으시는 분이 계실까봐 간단히 메모합니다.

 

1. 설정(Settings)에 들어간다.

 

2. 검색창에 'editor.format'을 친다

3. "Editor: Format On Save"을 체크

 

 

4. 이제부터는 저장(Cmd+S)하면, Prettier가 적용된다. (코드를 이쁘게 정렬)

저장(Cmd+S) 전

저장(Cmd+S) 후

 

 

혹시 다른 방법이 있거나, 제가 오해하고 있는 부분이 있으면 알려주세요.

 

도움이 되셨다면 댓글 달아주세요!