vscode配置eslint保存自动修复

867 阅读1分钟

1.安装eslint插件

2.打开eslint插件的扩展设置

image.png

image.png

复制如下代码替换文件内容并保存

{
    "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
     }
}

3.在代码中执行CTRL+s保存的时候就会自动修复啦