在 vscode 中启用尾随逗号

Question

我正在 React TypeScript 项目中设置 eslint，除了一件事之外，一切正常。

我已经以这样的方式配置了项目，当我保存文件时，eslint 运行并根据我设置的规则修复所有可修复的问题。有用。

Eslint 将缺少尾随逗号视为错误，这对我来说很好。

但是，当我保存项目时，我可以看到添加了尾随逗号，然后几乎立即将其删除。结果我无法修复我的 eslint 错误。

所以我认为这会是 vscode 设置冲突，所以我从用户设置中删除了所有内容。它不起作用。

我最终删除了所有插件，卸载了 vscode，删除了 mac 中的 .vscode，然后重新安装。我什至从我的项目中删除了所有更漂亮的 eslintrc 文件

但即使在一个全新的项目中，当我保存时，vscode 也会删除尾随的逗号...

如果您知道如何改变这种行为，我会很高兴听到它:)提前谢谢您。

Answer 1

最后看来我删除了错误的.vscode。

有罪的设置是

 "editor.codeActionsOnSave": {
       "source.organizeImports": true,
    },

删除它或将其设置为 false 就可以了

Answer 2

将我的回复移至答案，因为它已经解决了一些人的问题 -

我以前有多个codeActionsOnSave：

{
  "editor.codeActionsOnSave": {
    "source.organizeImports": true,
    "source.fixAll": true
  }
}

将它们移至数组解决了问题：

{
  "editor.codeActionsOnSave": ["source.organizeImports", "source.fixAll.eslint"]
}

h/t https://github.com/microsoft/vscode-eslint/issues/939#issuecomment-609834091