vue.js - VSCode 更漂亮/vue 格式设置无法正常工作

Question

我现在已经阅读了大约 10-15 个其他答案，但没有一个解决方案(都是负 3 或 4)对我有用。我正在使用 Prettier 和 Vetur，并且在 VSCode 中也安装了 ESLint 扩展。在过去的 3 天里，我至少查看了 10 次设置，试图触及所有内容，关闭/打开 VSC 并保存为格式，检查问题是否仍然存在，并继续对每个设置进行此操作，试图消除嫌疑人。出于绝望，我来到这里是为了能够在不破坏我的 html 标签并将代码分成难以辨认的 BS 的情况下保存我的组件。
我预期的代码格式如下所示:

<button
    class="btn btn-success"
    @click="sellStock"
    :disabled="insufficientFunds || quantity <= 0 || !Number.isInteger(quantity)"
>{{ insufficientQuantity ? "Not enough Stocks" : "Sell" }}</button>

并且我的格式化程序导致“...isInteger(quantity)”之后的行尾的“被断行，这破坏了我整个组件的语法/主要的linter错误出现(显然)。

<button
    class="btn btn-success"
    @click="sellStock"
    :disabled="
         insufficientFunds || quantity <= 0 || !Number.isInteger(quantity)
       "
    >
       {{ insufficientQuantity ? "Not enough Stocks" : "Sell" }}
    </button>

正如你所看到的，即使是换行符也是不均匀的，并且在格式化程序方面使零感......我以前从未见过它这样做。这是现在下一级恼人的 Vue/Vetur/Prettier/VScode 格式错误，我很困惑为什么它本周突然出现。
我曾尝试更改自动换行长度和更漂亮的长度和缩进、字体大小和迷你 map 的外观... 没什么似乎让这种疯狂停止，甚至没有打开 html 格式化周期。当我不想要的时候，它还将我的其他一些“.vue”组件格式化为多行，但它不是 破此处的语法/html 标签。我在任何地方都将自动换行/行长设置为 200+，它被列为设置，它继续破坏我的代码。
有任何想法吗？

Answer 1

我能给出的唯一建议是停止使用 Prettier。试图让它与 ESlint 和 Vetur 一起工作总是很痛苦。然后我找到了this question (and self answer)这里推荐放弃 Prettier 并使用 ESlint 不仅用于 linting 还用于格式化(需要版本 >= 6)。我现在开心得像蛤蜊...