Eslinter不适用于扩展名为.vue的文件

Question

我最近在Vuejs应用程序上安装了eslint。

已安装的软件包：

eslint
eslint-plugin-vue

My.eslintrc.json配置

{
  "env": {
    "browser": true,
    "node": true,
    "es2021": true
  },
  "plugins": ["vue"],
  "extends": ["eslint:recommended", "plugin:vue/recommended"],
  "parserOptions": {
    "ecmaVersion": 6,
    "sourceType": "module"
  },
  "rules": {
   "no-console": "off",
   "no-var": 2,  
   "indent": ["warn", 2],
   "linebreak-style": ["error", "unix"],
   "quotes": ["error", "double"],
   "semi": ["error", "always"]
  }
}

当我试图在main.js文件中用var定义变量时，linter工作得很好，同时也显示了问题所在。

但当我尝试在.vue文件中执行相同操作时，它什么也没说。

好当时我以为Eslinter没有将其应用于.vue文件，但这里有点奇怪。。。

在var规则不起作用的同一个.vue文件中，eslint指出了另一个问题。。。这意味着埃斯林特正在工作。

有人知道为什么会这样吗？我想为.vue扩展应用规则，但仍然无法使其工作。

Answer 1

如果您使用vscode，它需要以下设置：

"eslint.validate": [
    "javascript",
    "javascriptreact",
    {"language": "vue", "autoFix": true}
]

根据这个已知的问题。如果无法解决，请发表评论。