vsCode Extensions Prettier Setting

Preferences > Settings > User Settings or Workspace Settings > Prettier - Code formatter configuration > Edit in settings.json

{
    "guides.enabled": false, //
    "editor.tabSize": 2, // 들여쓰기 2칸
    "editor.renderWhitespace": "none", // 공백 표기
    "workbench.editor.enablePreview": false, //
    "javascript.updateImportsOnFileMove.enabled": "always", // 파일이동했을 때 임포트 자동 변경
    "workbench.startupEditor": "newUntitledFile",
    "workbench.iconTheme": "vscode-icons", // vscode-icons 플러그인 사용할 때 적용됨
    "window.zoomLevel": 0,
    "javascript.format.enable": false,
    "[javascript]": {
      "editor.formatOnSave": false, // 저장 시 prettier 설정 적용
    },
    "prettier.eslintIntegration": true, // eslint와 같이 사용할 때
    "prettier.semi": true, // 세미콜론 자동붙임
    "prettier.printWidth": 150,  // 150글자 넘어가면 개행처리
    "prettier.singleQuote": true, // 문자열 싱글쿼테이션
}