如何在VS Code中禁用Prettier的错误高亮显示

Question

我不确定是什么导致了这个更漂亮的代码格式化工具。 我只知道我打开了vscode继续在同一个项目上工作，突然之间我收到了关于双引号和空格的错误消息和高亮提示。

这是我尝试过的方法。首先，我找到了一个类似问题的答案，查找了一个名为.prettierrc的文件并将所有设置都设为false。但这并没有起作用，所以我删除了整个文件。然而，仍然没有任何变化。接着，我根据另一个建议寻找prettier设置，方法是前往“文件”>“首选项”>“设置”，并搜索prettier。但这也没有起作用，没有与prettier相关的搜索结果。我一直在尝试其他禁用prettier的建议，但似乎都不起作用。

以下是几乎起作用的方法：在.eslintrc.js中添加以下行： rules: { 'prettier/prettier': 0, },，但仍然会出现一些警告，例如缺少分号等。

此外，我认为不需要编辑最初可用的文件来删除最初不存在的内容。

- alvinMemphis

Answer 1

快速解决：在VSCode中禁用ESLint扩展。

说明：这些错误是由一个代码检查工具生成的，很可能是ESLint。

当你同时安装了eslint包和"ESLint"扩展时会出现这种情况。该包用于检查代码格式是否良好，如果不符合规范就会报错。而扩展会无缝地运行该包，并在VS Code窗口中显示这些错误（因此有红色波浪线）。好消息是，你可以在项目中仅安装eslint包而不安装扩展。使用该包，Prettier仍然可以自动格式化你的代码。

答案：如果你已经安装了ESLint扩展，你可以通过使用"eslint.enable": false或在扩展侧边栏找到ESLint并禁用它来简单地禁用它。

这个Stack Overflow问题有很多答案指导你进行操作。

注意：Prettier不是一个代码检查工具，它只是一个格式化工具。

小贴士：在你的项目中运行npx prettier --write .，根据你的Prettier规则格式化所有文件。

- ADTC

---

如果可以配置扩展程序只静音漂亮的规则，而不是完全禁用它，会更好。 - undefined

@stuckoverflow 自从写下这篇文章以来，我发现你可以在VSCode设置中，在Prettier格式化保存后，简单地在保存时运行ESLint来减少问题。在这种情况下，ESLint只会在Prettier已经格式化文件之后显示lint错误。（回答你的问题，我认为静音单个规则可能是一项相当繁琐的工作。你可能需要定义一个庞大的规则列表，并保持列表的最新状态。） - undefined

Answer 2

检查一下你的eslint配置文件（通常是`.eslintrc.js`）是否有这段代码片段：

extends: [ "plugin:prettier/recommended" ]

这条规则将导致 ESLint 将 Prettier 错误报告为 ESLint 错误。要禁用 VSCode 仅高亮显示 Prettier 错误，请删除该行。其他 ESLint 错误仍将被突出显示。

- varogen

Answer 3

这不是更漂亮，更漂亮只是用于格式化，很可能你正在使用 Eslint，请查看此讨论在 github 上

- mod7ex

---

这并没有提供问题的答案。您可以搜索类似的问题，或者参考页面右侧的相关和链接问题来找到答案。如果您有一个相关但不同的问题，请提出新问题，并包含此问题的链接以帮助提供上下文。请参阅：提问，获取答案，无干扰。 - phoenixstudio