Prettier vscode 扩展忽略配置文件

Question

我无法获得更漂亮的扩展来使用我的配置文件。它继续使用全局设置（如 vscode 中的配置路径设置中所定义）。我做了一个示例项目：

https://github.com/Supperhero1/prettierTest

我在 .prettierrc 文件中将 tabWidth 设置为 1。当我运行“npx prettier --write”时。prettier 包正确地格式化了 test.ts 文档，使其缩进为 1，但是如果我保存文件（我打开了保存格式），它会被格式化回全局设置（4 个空格）。我删除了全局设置中的所有设置，但它默认为带有两个空格的选项卡。该扩展似乎完全忽略了配置文件。一位同事有这个扩展，它可以很好地处理配置文件。

我试图弄清楚什么可能会覆盖该设置，扩展描述表示确定设置的优先级是：

Prettier configuration file
.editorconfig
Visual Studio Code Settings (Ignored if any other configuration is present)

在官方文档中，配置文件解析优先级是：

A "prettier" key in your package.json file.
A .prettierrc file written in JSON or YAML.
...

看看我的 package.json 文件中没有 prettier 键，应该没有任何内容可以覆盖我的 .prettierrc 文件。我尝试重新启动 vscode 但没有帮助。有没有其他人遇到过这个问题，我不知道在哪里可以解决这个问题......

Answer 1

在 VS Code 中按Ctrl + shift + p打开命令面板然后选择

首选项：打开设置（JSON）并在您拥有的其他设置中添加以下行：

  "prettier.configPath": ""

保存文件。现在 Prettier 扩展会尊重您本地的.prettierrc配置文件。基本上Prettier: Config Path Path to the prettier configuration file选项会覆盖所有其他配置文件，无论放置如何。

Answer 2

我遇到过这个问题，花了我很多时间才解决。最后，我找到了与您的问题类似的解决方案。

1. 在 VS Code 中按打开命令面板 (Ctrl + Shift + P)
2. 搜索并选择此：格式化文档...
3. 选择此选项后，选择Prettier - Code formatter作为默认格式化程序

Answer 3

VSCode prettier 扩展似乎使用 VSCode 设置中的配置文件而不是本地配置文件，即使该配置是一个空的 json 文件，它也会回退到默认设置而不是本地设置（来自 .prettierrc）。当我从 VSCode 中的 Prettier: Config Path 设置中删除路径时，它按预期工作。

我想我预计此路径中的文件是当您没有本地配置文件时的后备文件，但是，看到此文件似乎如何覆盖所有其他设置，我想预期用途是将用户设置设置为默认值然后为您不想使用默认值的每个工作区设置工作区设置。或者只是在用户设置中将该属性留空。

Answer 4

对我来说，我的 VSCode 似乎已经设置为使用自己的内部解析器，因此它被使用（例如，在保存格式时）

我需要这个settings.json

"[typescript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
}

Answer 5

所以，我遇到了同样的错误错误：“检测到本地配置（即.prettierrc或.editorconfig），VS Code配置将不会被使用”

解决方案是在 vscode prettier 中禁用此选项：

Prettier：使用编辑器配置- 将其标记为禁用

在此输入图像描述