Eslint 与 Nuxt3 自动导入

Question

看起来非常基本，但我在任何地方都找不到与 Nuxt3 auto-import 一起使用的 eslint 设置，以避免

no-undef

错误。我没有使用打字稿。

我尝试了以下软件包：

@antfu/eslint-config

，

plugin:nuxt/recommended

，

@nuxt/eslint-config

，

@nuxtjs/eslint-config

，

@nuxt/eslint-config-typescript

，到目前为止没有运气。

现在唯一有效的是在 .eslintrc 中设置每个引用

globals

...

Answer 1

我只使用以下软件包：

"@antfu/eslint-config": "^0.42.0"
"eslint": "^8.49.0"

在 VSCode 中，我安装了扩展：

dbaeumer.vscode-eslint
vue.volar

和我的 .eslintrc.js：

module.exports = {
  extends: [
    '@antfu',
  ],
};

和我的 .vscode/settings.json：

{
    "editor.formatOnSave": false,
    "editor.codeActionsOnSave": {
        "source.fixAll.eslint": true
    },
    "eslint.options": {
        "extensions": [
          ".js",
          ".vue"
        ]
    },
}

这应该可以满足您的需求。

注意：你do - 无论你是否使用Typescript - 至少运行一次

nuxt dev

，让Nuxt在

.nuxt

内部生成类型，以便自动导入工作并允许Volar + ESLint发挥作用正确地。

此外，确保 Volar 在接管模式下运行。

Answer 2

可能不适合你，但对我来说，将

env.node: true

添加到

eslintrc.js

解决了问题

.eslintrc.js

module.exports = {
    env: {
        node: true,
    },
    extends: [],
    ...
}