一個空的 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 // <---
    }
  }
})

作為參考，本文的示例項目能在這裏獲取到。