Vs code如何配置eslint保存自动校验格式

首先安装ESlint插件

安装Prettier - Code formatter 插件

在项目根目录中新建.prettierrc文件

{
    "semi": false, 
    "singleQuote": true,   
    "eslint.autoFixOnSave": true, 
    "editor.formatOnSave": true 
  }

在 设置中 进行配置

 {
        "workbench.iconTheme": "material-icon-theme",
        "explorer.confirmDragAndDrop": false,
        "explorer.confirmDelete": false,
        //配置eslint
        "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
        "eslint.validate": [
           "javascript",  //  用eslint的规则检测js文件
           {
             "language": "vue",   // 检测vue文件
             "autoFix": true   //  为vue文件开启保存自动修复的功能
           },
           {
             "language": "html",
             "autoFix": true
           },
        ],
        "eslint.enable": true,
        "editor.codeActionsOnSave": {
            "source.fixAll.eslint": true
        },
        "[vue]": {
            "editor.defaultFormatter": "octref.vetur"
        },
        "[json]": {
            "editor.defaultFormatter": "esbenp.prettier-vscode"
        },
      
      }