保存时 VSCode Prettier 警告 - Arrow Parens

Posted 2023-02-22

【中文标题】保存时 VSCode Prettier 警告 - Arrow Parens

【英文标题】：VSCode Prettier warning on save - Arrow Parens

【发布时间】：2020-03-08 22:20:42

【问题描述】：

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 更新似乎解决了这个问题。

【参考方案1】：

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

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

如果这不起作用，那么：

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

【讨论】：

该问题已通过最新的 Prettier 更新解决

【参考方案2】：

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

【参考方案3】：

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

【参考方案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

【讨论】：

我确实看过文档，但正如我所提到的，即使我将 prettier.arrowParens 配置添加到更漂亮的文件中，我仍然会收到相同的警告。

这些都是你在settings.json里的设置吗？尝试暂时禁用它们，看看是否有效

是的，这些都是我的设置。不幸的是，删除设置文件不起作用。