保存时 VSCode Prettier 警告 - Arrow Parens

Question

VSCode 更漂亮

您的 VS Code 配置中有旧设置。它们被忽略了你想将它们迁移到“.prettierrc”吗？

在启用 Prettier 扩展的 VSCode 中保存 React js 文件时，我一直收到以下警告。

我的.prettierrc.json 文件：

{
  "trailingComma": "all",
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true
}

我的“.vscode/settings.json”：

{
  "editor.formatOnSave": true
}

更漂亮的日志：

[INFO - 8:42:09 AM] Prettier Options:
{
  "filepath": ".......\\reactjs\\.vscode\\settings.json",
  "parser": "json",
  "trailingComma": "all",
  "tabWidth": 2,
  "semi": false,
  "singleQuote": true
}
[INFO - 8:42:09 AM] Formatting completed in 46.9194ms.
[WARN - 8:42:12 AM] Configuration value 'prettier.arrowParens' found in global configuration.

即使我将prettier.arrowParens 选项添加到.prettierrc.json 文件，我也会收到相同的警告。

在 VSCode - File - Preferences - Settings - Extensions - Prettier-Code formatter configuration 中，如果我搜索 arrowParens，我会得到以下信息：

更漂亮：箭头括号 在唯一的箭头函数参数周围包含括号 此扩展不再支持使用 VS Code 配置设置 Prettier 选项。请改用更漂亮的配置文件。 https://prettier.io/docs/en/configuration.html

如何正确配置此选项，以便在每次保存文件时消除该警告？

在File - Preferences - Settings - Extensions - Prettier-Code formatter configuration 中还有一个Prettier: Config Path 的选项，它是空的。也应该这样设置吗？

VSCode 版本：1.40.0（用户设置）

编辑：最新的 Prettier 更新似乎解决了这个问题。

Answer 1

首先将所有 Prettier 规则从 VSCode settings.json 移动到 .prettierrc 文件中。

转到扩展并搜索 Prettier 插件。你应该 已经在扩展中看到了重新加载按钮

如果这不起作用，那么：

尝试再次卸载并安装 VSCode Prettier 插件

Answer 2

最近的 Prettier 更新似乎解决了这个问题。

Answer 3

我有同样的问题。从 VS Code 配置中删除了所有相关设置以使其更漂亮，但它仍然会引发错误。 但是删除 Prettier Now 并关闭再打开更漂亮本身就解决了我的问题

Answer 4

来自他们的 github：https://github.com/prettier/prettier-vscode

如果您收到此错误消息，则表示在您的 VS Code 配置中找到了以下设置之一。在您的全局或工作区设置中。

通过将以下任何配置移至 Prettier 配置来删除它们。

• prettier.printWidth
• prettier.tabWidth
• prettier.singleQuote
• prettier.trailingComma
• prettier.bracketSpacing
• prettier.jsxBracketSameLine
• prettier.semi
• prettier.useTabs
• prettier.proseWrap
• prettier.arrowParens
• prettier.jsxSingleQuote
• prettier.htmlWhitespaceSensitivity
• prettier.endOfLine
• prettier.quoteProps