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，则具有以下内容：

更漂亮：Arrow Parens 在单个箭头函数参数周围包括括号此扩展不再支持使用VS Code配置设置更漂亮的选项。请使用更漂亮的配置文件。 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

我有同样的问题。从VS Code配置中删除了所有更漂亮的相关设置，它仍然引发错误。但是删除Prettier Now并关闭然后重新打开，更漂亮的自身为我解决了这个问题

Answer 2

该问题似乎可以通过最新的Prettier更新来解决。

Answer 3

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

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

如果这不起作用，则：

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

Answer 4

来自他们的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

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

4 个答案: