[Prettier] VS Code에서 Prettier로 포매터 설정하기

 

VS Code의 Extension에서 Prettier검색 후, install.

 

Preferences > Setting로 들어감.

 

오른쪽 상단에 전환버튼 클릭하여 settings.json 열기.

 

{
    "prettier.printWidth": 100,
    "prettier.tabWidth": 4,
    "prettier.singleQuote": true,
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "editor.formatOnSave": true,
}

 

위 json값 하단에 붙여넣기.

 

• prettier.printWidth : 한줄 개행 너비
• prettier.tabWidth : 탭(들여쓰기) 너비
• prettier.singleQuote : true로 설정하면 큰따옴표를 자동으로 작은따옴표로 바꿔줌 (default : false)
• editor.defaultFormatter: 기본 포매터 설정
• editor.formatOnSave: true로 설정하면 저장시 포매팅 됨