zl程序教程

您现在的位置是:首页 >  工具

当前栏目

vscode配置eslint保存自动修复

VSCode配置自动 修复 保存 eslint
2023-09-11 14:15:40 时间

① 打开eslint插件,点击设置:
在这里插入图片描述

②打开设置文件
在这里插入图片描述
③复制以下的内容(把原来的直接覆盖),内容如下:

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

command+s保存,运行结果如下:
在这里插入图片描述