如何关闭 VS Code 中更漂亮的尾随逗号？

Posted 2023-02-22

【中文标题】如何关闭 VS Code 中更漂亮的尾随逗号？

【英文标题】：How to turn off the prettier trailing comma in VS Code?

【发布时间】：2020-09-04 16:26:06

【问题描述】：

如何在 VS Code 中关闭更漂亮的尾随逗号？

我去设置。选择 none 以获得更漂亮的尾随逗号。重新启动 VS 代码。选择一段 TypeScript，按Ctrl + Shift + F 结尾的逗号仍然出现。我该如何解决？

【问题讨论】：

也许你的项目中有一个 .prettierrc 配置文件覆盖了 VSCode 设置？

@Ewaren，通过在项目中搜索（Ctrl + P 并输入.prettierrc）我找不到这样的文件。但是通过搜索所有文件（Ctrl + Shift + F）我可以找到一个文件settings.json，在文件中我只有这个："prettier.trailingComma": "none"。

settings.json 文件包含您的工作区设置：它只是您在 VSCode 图形界面中选择的设置的 JSON 转录。您的项目中必须有一个配置文件覆盖这些设置，如果您可以向我们展示您的项目的文件夹结构（例如使用 tree -a 命令），将会更容易为您提供帮助。

@Ewaren，我不确定应该在哪里执行命令。我的文件夹结构是一个普通的 Angular 应用程序结构。我在运行ng new angular-tour-of-heroes 后得到它。当我尝试在我的项目文件夹中运行命令时，出现错误：$ tree -a bash: tree: command not found

我刚刚查看了英雄之旅的源代码，那里没有 .prettierrc 文件，可能 .editorconfig 文件引入了冲突...尝试在项目的根目录添加一个 .prettierrc 文件，其中可能包含 "trailingComma": "none" 。

【参考方案1】：

由于您正在开发 Tour of Heroes 项目，因此可能是 .editorconfig 文件与您的 VSCode Prettier 设置发生冲突。尝试在项目的根目录中添加以下 .prettierrc 文件：

  "trailingComma": "none"

.prettierrc 文件的优先级高于任何设置，因此它应该覆盖任何冲突。

【参考方案2】：

将此行添加到 settings.json 对我有用。

"prettier.trailingComma": "none"

【参考方案3】：

我和你的录屏有同样的经历。重新启动 VSCode 对我有用。我找不到重新启动更漂亮插件的方法......也许有人可以插话如何做到这一点。

【参考方案4】：

在项目的根目录创建 Prettier 配置文件：.prettierrc.json

将此代码添加到您的文件中：.prettierrc.json

    "trailingComma": "none"

保存文件，然后重新启动您的 Visual Studio Code

【参考方案5】：

我遇到了同样的问题，我在设置中添加了这一行，它对我有用。

"prettier.trailingComma": "none"

【参考方案6】：

运行这个命令：

npm run lint --fix

格式化后...