新版vscode配置eslint自动格式化代码

Posted keta

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了新版vscode配置eslint自动格式化代码相关的知识,希望对你有一定的参考价值。

旧版配置

{
    //配置eslint
    "eslint.autoFixOnSave": true,  //  启用保存时自动修复,默认只支持.js文件
    "eslint.validate": [
       "javascript",  //  用eslint的规则检测js文件
       {
         "language": "vue",   // 检测vue文件
         "autoFix": true   //  为vue文件开启保存自动修复的功能
       },
       {
         "language": "html",
         "autoFix": true
       }
     ]
}


新版(>1.41.0)配置

{
    //autoFixedOnSave 设置已废弃,采用如下新的设置
    "editor.codeActionsOnSave": {
      "source.fixAll.eslint": true
    },
    "eslint.format.enable": true,
    //autoFix默认开启,只需输入字符串数组即可
    "eslint.validate": ["javascript", "vue", "html"]
}


以上是关于新版vscode配置eslint自动格式化代码的主要内容,如果未能解决你的问题,请参考以下文章

vscode设置eslint自动保存代码格式化配置

在VSCode中配置代码自动 eslint 格式化(修改eslint规则eslint忽略文件)

vscode+eslint自动格式化vue代码的方法

vscode+eslint自动格式化vue代码的方法

配置vscode保存后自动按eslint配置格式化

配置vscode保存后自动按eslint配置格式化