VS-code-支持ESlint-自动修复-for-vue

28次阅读

共计 500 个字符,预计需要花费 2 分钟才能阅读完成。

因为被很多网上教程给误导了,所以写一篇自己都成功经历来分享,修复效果很完美,大家可以参考。

1 安装插件 ESlint and Vetur

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

  1. ESlint 1.9.1
  2. Vetur 0.22.6

网上很多说要安装 prettier,我试了会重复格式化,而且 prettier 没配置好,ESlint 修复好还会被 prettier 覆盖成错误的格式。所以大家慎重使用 prettier。

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 之旅

正文完
 0