VSCode 保存时更漂亮的警告 - Arrow Parens

Question

VSCode 更漂亮

You have legacy settings in your VS Code config. They are being ignored Would you like to migrate them to '.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，我有以下内容：

Prettier: Arrow Parens Include parentheses around a sole arrow function parameter This extension no longer supports setting Prettier options using VS Code configuration. Use the prettier configuration file instead. 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

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

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

通过将以下任何配置移至更漂亮的配置来删除它们。

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

Answer 2

我遇到了同样的问题。从 VS Code 配置中删除了所有与 prettier 相关的设置，它仍然会抛出错误。但是删除 Prettier Now 并关闭并再次打开 prettier 本身就为我解决了这个问题

Answer 3

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

Answer 4

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

Go to extensions and search for the Prettier plugin. You should already see a reload button in the extension

如果这不起作用，那么：

Try to uninstall and install the VSCode Prettier Plugin again

VSCode 保存时更漂亮的警告 - Arrow Parens

VSCode Prettier warning on save - Arrow Parens

visual-studio-code

vscode-settings

prettier