vue.js 使用Nuxt3自动导入的Eslint

lkaoscv7  于 2023-10-23  发布在  Vue.js
关注(0)|答案(2)|浏览(341)

看起来很基本,但我找不到任何地方的eslint设置,与Nuxt3 auto-import,以避免no-undef错误。我不用打字机。
我尝试了以下几个包:@antfu/eslint-configplugin:nuxt/recommended@nuxt/eslint-config@nuxtjs/eslint-config@nuxt/eslint-config-typescript,到目前为止还没有运气。
现在唯一起作用的是在.eslintrc globals中设置每个引用.

vlju58qv

vlju58qv1#

我只使用以下软件包:

"@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"
        ]
    },
}

这应该能达到你想要的效果
注意:你 * 必须 *-无论你是否使用Typescript-至少运行nuxt dev一次,让Nuxt在.nuxt内部生成类型,以便自动导入工作,并允许Volar + ESLint正常工作。
此外,确保Volar在接管模式下运行。

a11xaf1n

a11xaf1n2#

大多数eslint no_undef错误可以通过将env.node: true添加到eslintrc.js来修复

  • .eslintrc.js*
module.exports = {
    env: {
        node: true,
    },
    extends: [],
    ...
}

相关问题