VSCODE | Prettier 설정

1. extension 에서 Prettier 설치
2. command + ,(settings) - Default Formatter - Prettier 선택
3. command + ,(settings) - Form On Save 에 체크
4. settings.json 에

"[typescriptreact]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},

추가 (tsx 파일 포매팅이 안될 경우)

.prettierrc

{
  "trailingComma": "es5",
  "tabWidth": 2,
  "printWidth": 120,
  "semi": false,
  "useTabs": false,
  "jsxBracketSameLine": false,
  "arrowParens": "avoid",
  "bracketSameLine": true,
  "bracketSpacing": true,
  "singleQuote": true
}