vue.js - Eslinter 不适用于具有 .vue 扩展名的文件

Question

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

已安装的软件包：

eslint
eslint-plugin-vue

我的 .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 指向的问题......这意味着 eslint 正在工作。

有谁知道为什么会这样？我想应用 .vue 扩展的规则，但我仍然无法让它工作。

标签： vue.jseslint

Answer 1

如果您使用的是 vscode，则需要以下设置：

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

根据这个已知问题。如果它没有解决，请发表评论。