VScode eslint自动修复

1、安装插件（一定得全局安装这个）

npm i -g eslint-plugin-vue

2、添加eslint 和 vetur 插件

vscode 首选项配置

 

 

{
  "eslint.autoFixOnSave": true,
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    {
      "language": "html",
      "autoFix": true
    },
    {
      "language": "vue",
      "autoFix": 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
         },
      ],
      "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
      },
      "editor.tabSize": 2,
      "javascript.updateImportsOnFileMove.enabled": "always",
  "search.followSymlinks": false,
  "files.autoSave": "off",
    
    }

配置完成，重启vscode，在保存时就会自动修复eslint的报错。

 如果还是不行在vue文件下点击一下 右下角得eslint  然后允许一下就可以了

 

还不行的话 新建一个vscode 编辑器重新打开该项目  一般也可以