为 Nuxt 项目添加 ESLint

一个空的 Nuxt 项目如何加上 ESLint? 在 Nuxt Modules 搜索 lint 进入官方模块。

npx nuxi module add eslint
pnpm install

在 .vscode/settings.json 里加上

{
  // Enable ESlint flat config support
  "eslint.experimental.useFlatConfig": true
}

在 package.json 里加上

{
  "scripts": {
    ...
    "lint": "eslint .",
    "lint:fix": "eslint . --fix",
    ...
  },
}

使用 ESLint 格式化，需要在 eslint module 的选项中设置 config.stylistic 为 true

export default defineNuxtConfig({
  modules: [
    '@nuxt/eslint'
  ],
  eslint: {
    config: {
      stylistic: true // <---
    }
  }
})

作为参考，本文的示例项目能在这里获取到。