对象中最后一行后的尾随逗号

Question

我在 VS Code 中使用 Prettier。我注意到在保存时使用格式时，Prettier 每次都会在对象的最后一行添加尾随逗号。

例如，假设我有一个这样的 JS 对象：

obj = {
 hello: 'hello',
 world: 'world'
}

Prettier 把它变成这样：

obj = {
 hello: 'hello',
 world: 'world',
}

注意'world'后面的多余逗号

在设置中没有找到解决此问题的选项。

Answer 1

您可以更新.prettierrc.json 并将选项trailingComma 设置为none，例如：

{
  "trailingComma" : "none",
  ...
}

Answer 2

尾随逗号是一种代码样式约定，旨在避免版本控制（即 Git）中的虚假差异。

假设你有版本控制的代码，你必须改变它。当您向对象添加不带逗号的新行时，您必须通过添加逗号来更改原始的最后一行。在版本控制中，这会显示为两个更改的行。代码审查员或未来的开发人员必须检查您是否有效地更改了最后一行，或者只添加了逗号。

扎克伯格的回答告诉你如何改变它。但是，最好改变你的风格，而不是改变 prettier 的风格。

Answer 3

尾随逗号已经成为一种标准，因为它们会产生更清晰的提交历史记录。如果您必须在路上添加一个属性，git 将显示单行更改而不是新行和前一行的新逗号。

Answer 4

修改VSCode中的设置：

1. 转到文件 -> 首选项 -> 设置。 （VS 代码菜单）
2. 设置窗口应该打开。上面（顶部）有一个搜索。输入“更漂亮”
3. 您应该会看到可用的 Prettier 设置。您可以修改它们

现在将trailingComma 更改为none

Answer 5

尾随逗号是现代 JS，但如果你真的不喜欢它们they can be disabled。