Prettier : 자동 정렬 안 될 때!!

1. 만드는 프로젝트에 .prettierrc 파일을 만들고 아래 내용을 입력한다

{
  "singleQuote": true,
  "semi": true,
  "useTabs": false,
  "tabWidth": 2,
  "trailingComma": "all",
  "printWidth": 80
}
 

 

2. Window일 경우 (ctrl+ , 해서) setting 메뉴로 간다

   settings.json 파일을 열어서 아래와 같이 추가 입력한다

  (prettier.  editor.  포함된 부분만 추가하면 된다)

{
    "workbench.colorTheme": "Community Material Theme",
    "workbench.iconTheme": "material-icon-theme",
    "window.zoomLevel": 1,
    "editor.tabSize": 2,
    "javascript.preferences.quoteStyle": "single",
    "typescript.preferences.quoteStyle": "single",
    "prettier.proseWrap": "always",
    "editor.formatOnSave": true,
    "prettier.javascriptEnable": ["javascript", "javascriptreact"],
    "editor.defaultFormatter": "esbenp.prettier-vscode",
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "prettier.endOfLine": "auto"
}