如何配置Next.js lint在控制台显示已修复的文件？

我已在package.json的scripts中添加了--fix选项，配置如下：

{"scripts": {
  ...
  "lint": "next lint --fix"
}}

我的.eslintrc.json配置如下：

{
  "extends": [
    "next/core-web-vitals",
    "eslint:recommended"
  ],
  "rules": {
    "quotes": ["error", "single"]
  }
}

目前ESLint可正常将双引号自动修复为单引号，但希望配置后让控制台显示已修改的文件。

要实现这个需求，只需在scripts的lint命令中添加--verbose参数即可：

{"scripts": {
  ...
  "lint": "next lint --fix --verbose"
}}

添加--verbose后，ESLint会在控制台输出更详细的执行日志，其中包含所有被自动修复的文件路径，以及对应的修复内容说明。

如果需要更结构化的输出格式，还可以搭配--format参数指定输出样式，比如使用codeframe格式：

{"scripts": {
  ...
  "lint": "next lint --fix --verbose --format codeframe"
}}

codeframe格式会以更清晰的层级展示文件修改信息，便于快速查看变更细节。

内容的提问来源于stack exchange，提问作者user3357926