不應該的 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
    },