Vue.js VSCode更漂亮，vue格式混乱

使用此代码

<template>
  <v-toolbar app color="brown darken-4" dark>
    <v-btn color="brown lighten-3" class="hidden-sm-and-down">REGISTRIEREN</v-btn>
  </v-toolbar>
</template>

登记处

Prettier建议：

  3:62  warning  Replace `>REGISTRIEREN</v-btn` with `⏎······>REGISTRIEREN</v-btn⏎····`  prettier/prettier

---

3:62警告替换`>REGISTRIERENREGISTRIEREN这是预期的行为。
Prettier在大约80个字符后换行。而且它在
>
之前中断，因为如果它在之后中断，它实际上会添加一个空白，因此以后可能会遇到显示问题

这是正确的：

 <v-btn color="brown lighten-3" class="hidden-sm-and-down"
   >REGISTRIEREN</v-btn
 >

REGISTRIEREN

这不是（REGISTRIEREN前后的换行符是实际字符）：


登记处

您可以定制其中一些规则，但我真诚地建议您只保留开箱即用的内容—定制越多，更新过程中出现的问题就越多。
这是预期的行为。
Prettier在大约80个字符后换行。而且它在
>
之前中断，因为如果它在之后中断，它实际上会添加一个空白，因此以后可能会遇到显示问题

这是正确的：

 <v-btn color="brown lighten-3" class="hidden-sm-and-down"
   >REGISTRIEREN</v-btn
 >

REGISTRIEREN

这不是（REGISTRIEREN前后的换行符是实际字符）：


登记处

您可以自定义其中一些规则，但我真诚地建议您只保留开箱即用的规则—自定义越多，更新过程中出现的问题就越多。
这里也解释了Prettier的这种行为：我理解，但我发现“正确”版本有点不可读，并且必须遇到一些html脚本，这些脚本在结束>之前放换行符。如果这只是我，我就休息一下。谢谢@thorn∗的链接。我知道“重要的”空白，但认为它是黑暗时代（xhtml/HTML4）的产物。这里也解释了Prettier的这种行为：我理解，但我发现“正确的”版本有点不可读，并且不得不遇到一些html脚本，在结束>之前换行。如果这只是我，我就休息一下。谢谢@thorn∗的链接。我知道“重要的”空白，但认为它是黑暗（xhtml/HTML4）时代的产物。
<v-btn color="brown lighten-3" class="hidden-sm-and-down">
   REGISTRIEREN
</v-btn>