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

Question

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

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

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

Prettier 把它变成这样：

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

Notice the extra comma after 'world'

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

Answer 1

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

Answer 2

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

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

Answer 3

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

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

扎克伯格的回答告诉你如何改变它。但是，与其改变更漂亮的风格，不如改变自己的风格。

Answer 4

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

Answer 5

修改VSCode中的设置:

现在将 trailingComma 更改为 none

Trailing comma after last line in object