VS code 支持ESlint 自动修复 for vue

由于被不少网上教程给误导了,因此写一篇本身都成功经从来分享,修复效果很完美,你们能够参考。javascript

1 安装插件 ESlint and Vetur

实验版本:VScode V1.40.1 和 1.36.1
我安装的是:html

  1. ESlint 1.9.1
  2. Vetur 0.22.6

网上不少说要安装prettier,我试了会重复格式化,并且prettier没配置好,ESlint修复好还会被prettier覆盖成错误的格式。因此你们慎重使用prettier。vue

2 setting.json

{
    "files.autoSave": "off", // 开启自动保存触发不了fix修复
    "vetur.format.defaultFormatter.js": "prettier-eslint", // 重要,否则vue文件会都格式化成默认都js格式,而非ESlint格式
    "eslint.alwaysShowStatus": true,
    "eslint.autoFixOnSave": true,
    "eslint.validate": [
        "javascript",
        {
            "language": "vue",
            "autoFix": true
        },
        "html"
    ]
}

3 重启VScode开启coding之旅

相关文章
相关标签/搜索