devops

vscode, Prettier 설치로 저장할 때 자동 정렬 맞추기 본문

개발/Javascript

vscode, Prettier 설치로 저장할 때 자동 정렬 맞추기

vata500 2022. 3. 10. 21:31
반응형

저장할 때 (Ctrl+ S) 코드가 자동으로 정렬되면 굉장히 편하다. Prettier 확장 프로그램을 설치해서 설정하는 방법까지 정리하겠다.

vscode 화면에서 왼쪽 아래에 확장프로그램 버튼을 클릭하고 검색창에 'prettier'를 검색한다.

그리고 intall 버튼을 누르고 설치를 진행한다.

설치가 완료되면 ctrl + shift + P를 눌러서 'Open Setting (UI)'를 검색해서 설정을 들어간다.

Settings에서 검색창에 'format on save'를 검색하면 위와같은 창이 뜨게된다. 여기서 'Editor: Format On Save'를 체크하면 끝!

반응형
Comments