不应该的 VSCode 格式（更漂亮，javascript）

Question

我已经解决了 ESLint 和 Prettier 之间的几乎所有冲突。 然而，我最近遇到了一个让我难过的问题。

const data = await userManager
    .getUsers()
    .orderBy('joinedDate', 'desc')
    .limit(20)
    .get();

我非常喜欢上面的这种格式，看起来也prettier 。

问题：保存文件时，它被格式化回：

const data = await userManager.getUsers().orderBy('joinedDate', 'desc').limit(20).get();

我感到困惑的是， prettier的是我在 vscode 中为 Javascript 保存的格式化程序。

"editor.defaultFormatter": null,
"[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
},

但是，当它全部在一条线上时，我得到的 Linting 错误是...... prettier地说有一个错误。

所以是：

• 漂亮的说有一个错误。
• 我使用 prettier “快速修复”它回到多行修复
• 但是当我“保存”文档时，它会通过使用格式化程序返回到一行 - 更漂亮？

---

什么告诉我与其他正在运行/格式化的东西存在冲突，我在格式化程序实际上将其正确放回（ prettier ？）之间的保存时获得了“闪存”，但随后它被第二次格式化回单条长线。

但是，我只有 1 个格式化程序？

Answer 1

经过一些挖掘和试验，这似乎是设置的组合，使其能够与prettier和 es6 linter 一起正常工作。

// vscode's settings.json
//
    "editor.formatOnSave": false,
    "editor.defaultFormatter": null,
    "[javascript]": {
        "editor.defaultFormatter": "esbenp.prettier-vscode"
    },
    "editor.codeActionsOnSave": {
        "source.fixAll": true
    },