저장 자동 포맷 설정.

포맷 타입 설정

eslint

prettier

setting.json

{

    //autoCloseTag
    "auto-close-tag.enableAutoCloseTag": true,
    "auto-close-tag.enableAutoCloseSelfClosingTag": true,
    "editor.fontSize": 14,
    "editor.renderWhitespace": "all",
    "editor.wordWrap": "on",
    "editor.fontFamily": "D2Coding,Consolas, 'Courier New', monospace",
    "workbench.iconTheme": "material-icon-theme",
    "[html]": {
      // "editor.defaultFormatter": "esbenp.prettier-vscode",
    },
    "workbench.colorTheme": "Night Owl",
    "explorer.compactFolders": false,
    "liveSassCompile.settings.formats": [
      {
        "format": "expanded",
        "extensionName": ".css",
        "savePath": "~/../css/"
      },
      {
        "format": "compressed",
        "extensionName": ".min.css",
        "savePath": "~/../css/"
      }
    ],
   
    "editor.suggestSelection": "first",
    
    "files.exclude": {
      "**/.classpath": true,
      "**/.project": true,
      "**/.settings": true,
      "**/.factorypath": true
    },
    **"editor.defaultFormatter": "esbenp.prettier-vscode", //import 빨간줄도 사라짐**
    "javascript.updateImportsOnFileMove.enabled": "always",
    "vetur.validation.style": false,
    **"editor.codeActionsOnSave": {
      "source.fixAll.eslint" : true,
    },**
    "eslint.enable": true, 
    "eslint.validate": [
      "javascript",
      "javascriptreact"
    ],
    "javascript.format.enable": false,
    "eslint.alwaysShowStatus": true,
    "eslint.codeActionsOnSave.rules": null,
    "window.zoomLevel": -2,
    **"editor.formatOnSave": true,**
  }

대충 굵게 표기한게 저장 시 자동 포맷 맞춰주는게 아닐까 …?