我现在已经阅读了大约 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 格式错误，我很困惑为什么它本周突然出现。
我曾尝试更改自动换行长度和更漂亮的长度和缩进、字体大小和迷你地图的外观......似乎没有什么可以让这种疯狂停止，甚至没有转换 html 格式化周期。当我不想要的时候，它还将我的一些其他“.vue”组件格式化为多行，但它并没有像这里那样破坏语法/html 标签。我在任何地方都将自动换行/行长设置为 …