添加Prettier后如何重新启用ESLint波浪线提示？

正在VSCode中配置ESLint与Prettier协同工作。已成功安装ESLint，但添加Prettier并将其加入ESLint配置的extends后，ESLint提供的波浪线提示消失了，以下是详细信息。

操作步骤 #

1. 安装ESLint及VSCode扩展 #

安装了ESLint的VSCode扩展，并按照ESLint入门文档启用了ESLint，效果完全符合预期。在以下测试代码中：

console.log("This is a test")

它识别出三个问题，这是预期结果：

2. 安装Prettier及VSCode扩展 #

接下来，顺利安装了Prettier及其VSCode扩展。在Prettier文档相关部分提到，需要安装eslint-config-prettier。

3. 安装eslint-config-prettier #

问题就出在这里。安装过程顺利，但在eslint-config-prettier的GitHub页面中提到：

然后，在你的.eslintrc.*文件的"extends"数组中添加"prettier"。确保将其放在最后，这样它有机会覆盖其他配置。

{
  "extends": [
    "some-other-config-you-use",
    "prettier"
  ]
}

将这段配置添加到.eslintrc.json并保存后，波浪线提示立即消失：

查阅了ESLint、Prettier和eslint-config-prettier的文档，但文档中列出的可选设置都无法恢复波浪线提示。

配置信息 #

.eslintrc.json #

{
  "env": {
    "browser": true,
    "es2021": true
  },
  "extends": [
    "airbnb-base",
    "prettier"
  ],
  "overrides": [],
  "parserOptions": {
    "ecmaVersion": "latest",
    "sourceType": "module"
  },
  "rules": {}
}

.prettierrc.json #

{
  "trailingComma": "es5",
  "tabWidth": 4,
  "semi": false,
  "singleQuote": true
}

ESLint输出日志 #

[Info  - 1:48:20 PM] ESLint server is starting
[Info  - 1:48:20 PM] ESLint server running in node v16.14.2
[Info  - 1:48:20 PM] ESLint server is running.
[Info  - 1:48:21 PM] ESLint library loaded from: /Users/georgeciesinski/Documents/Repositories/todo-list/node_modules/eslint/lib/api.js

补充信息 #

• 期望ESLint能提供波浪线提示，让我手动修复问题，最后通过CLI运行Prettier。
• 同时使用airbnb的ESLint配置。
• 使用的是运行MacOS Ventura系统的M1芯片MacBook。

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