본문 바로가기

vsCode 설정/Prettier (코드 자동정렬)

Prettier (코드 자동 정렬) 설정

[사용 이유]

Prettier를 사용하게 되면 코드를 정해진 방식대로 자동으로 정렬을 시켜주어 가독성을 높일 뿐만 아니라 팀원들과 같은 조건에서 정렬이 되므로 소스 충돌도 줄이게 됩니다

[설치]

Extention에서 prettier를 검색하여 설치해준다

[설정 방법]

1. File(파일) > Preferences(기본 설정) > Setting(설정) 으로 이동

(= 화면 왼쪽 하단 톱니바퀴 클릭, 단축키 Ctrl + , 이용 )

설정

 

2. User(사용자) > TextEditor(텍스트 편집기) > Formatting(서식)

- Format On Paste

: 사용자가 코드를 붙여넣기 했을 때, 자동으로 코드를 정렬

- Format On Save

: 사용자가 코드를 저장 했을 때, 자동으로 코드를 정렬

- Format On Type

: 사용자가 코드를 입력할 때, 자동으로 코드를 정렬

설정

 

[사용 예시]

자동 정렬 전

 

자동 정렬 후

 

[적용이 안되는 경우]

File(파일) > Preferences(기본 설정) 으로 들어가서 'Default Formatter' 검색

하단의 설정이 null로 되어있을텐데 이걸 'enbenp.prettier-vscode'로 바꿔준다.