Nuxt3:如何配置eslint？

Question

Nuxt3:如何配置eslint

npx nuxi init nuxt3-app

Answer 1

如果你用的是打字本，

可以将@nuxtjs/eslint-config-typescript添加为dev依赖项。

并创建.eslintrc

{
  "extends": [
    "@nuxtjs/eslint-config-typescript"
  ],
  "rules": {
    "@typescript-eslint/no-unused-vars": [
      "off"
    ]
  }
}

如果你不使用打字本，

添加@nuxtjs/eslint-config insead of @nuxtjs/eslint-config-typescript

并创建.eslintrc

{
  "extends": [
    "@nuxtjs"
  ],
}

有关nuxt的更多详细信息，可在此处获得：https://github.com/nuxt/eslint-config

Answer 2

您应该将以下软件包安装为dev依赖项："@nuxtjs/eslint-config-typescript“、"@typescript-eslint/eslint-plugin”、"eslint“、"eslint-plugin-vue”、“vue-eslint-解析器”

然后在您的nuxt 3应用程序文件夹中创建一个.eslintrc.json，并将其放入其中：

{
  "root": true,
  "parser": "vue-eslint-parser",
  "extends": [
    "eslint:recommended",
    "plugin:vue/vue3-recommended",
    "@nuxtjs/eslint-config-typescript",
    "plugin:@typescript-eslint/recommended"
  ]
}

有关于这方面的YouTube教程:使用Nuxt 3 https://youtu.be/XcuQz9l43QM的代码助手