为什么 Prettier 不包括尾随逗号？

Question

我使用ng new test-app创建了一个全新的 angular 应用程序，将 Prettier 添加到 devDependencies 并安装了它，并在 VSCode 中禁用了除 Prettier 之外的所有扩展。

问题是，当我将 VSCode 设置为在保存时格式化时，它总是会删除 typescript arrays 和对象中的尾随逗号。

我在 .prettierrc.json 中设置了"trailingComma":"all"并在 settings.json 中设置了这些设置

{
  "editor.defaultFormatter": "esbenp.prettier-vscode",
  "editor.formatOnPaste": true,
  "editor.formatOnSave": true,
  "prettier.trailingComma": "all",
  "prettier.proseWrap": "always",
  "prettier.useEditorConfig": false,
  "javascript.updateImportsOnFileMove.enabled": "always",
  "typescript.updateImportsOnFileMove.enabled": "always"
}

我对所有 vscode 项目的用户设置是

{
  "git.autoStash": true,
  "todo-tree.general.tags": [
    "BUG",
    "HACK",
    "FIXME",
    "TODO",
    "XXX",
    "[ ]",
    "[x]"
  ],
  "todo-tree.regex.regex": "(//|#|<!--|;|/\\*|^|^\\s*(-|\\d+.))\\s*($TAGS)",
  "git.autofetch": true,
  "files.autoSave": "afterDelay",
  "git.enableSmartCommit": true,
  "workbench.startupEditor": "newUntitledFile",
  "cSpell.userWords": [
    "Reorderable",
    "configcat",
    "datatable",
    "devkit",
    "initialise",
    "initialising",
    "primeng"
  ],
  "editor.largeFileOptimizations": false,
  "git.confirmSync": false,
  "diffEditor.wordWrap": "on",
  "explorer.confirmDelete": true,
  "explorer.confirmDragAndDrop": true,
  "workbench.editorAssociations": {
    "*.sqlite": "default"
  },
  "diffEditor.ignoreTrimWhitespace": false
}

Answer 1

事实证明 Prettier 确实添加了尾随逗号，但前提是数组被分成多行。

例如，下面的代码将有一个由 prettier 添加的尾随逗号

let x = [
  "aaaaaaaaaaaaaaaa",
  "bbbbbbbbbbbbbbbb",
  "cccccccccccccccc",
  "dddddddddddddddd",
  "eeeeeeeeeeeeeeee",
  "ffffffffffffffff"
];