object 最后一行后面的逗號

Question

我在 VS Code 中使用 Prettier。 我注意到在保存時使用格式時，Prettier 每次都會在 object 的最后一行添加尾隨逗號。

例如，假設我有一個像這樣的 JS object：

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

Prettier 把它變成了這樣：

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

注意'world'后面的額外逗號

在設置中沒有找到解決此問題的選項。

Answer 1

您可以更新.prettierrc.json並將選項trailingComma設置為none ，例如：

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

Answer 2

尾隨逗號是一種代碼風格的約定，其引入是為了避免版本控制（即 Git）中的虛假差異。

想象一下你有版本控制的代碼，你必須改變它。 當您在 object 中添加不帶逗號的新行時，您必須通過添加逗號來更改原始的最后一行。 在版本控制中，這會顯示為兩條更改的行。 代碼審閱者或未來的開發人員必須檢查您是否有效地更改了最后一行，或者只添加了逗號。

扎克伯格的回答告訴你如何改變它。 但是，最好改變你的風格，而不是改變prettier的風格。

Answer 3

尾隨逗號已經是一種標准，因為它們會產生更清晰的提交歷史記錄。 如果您必須在路上添加一個屬性，git 將顯示單行更改而不是新行和前一行的新逗號。

Answer 4

修改VSCode中的設置：

現在將trailingComma更改為none

Answer 5

尾隨逗號是現代 JS，但如果你真的不喜歡它們，可以禁用它們。