如何更改vue/ volar/ prettier项目中代码的格式？

Question

嗨，我想改变我的自动格式化是如何从vue volar设置的。目前，当我格式化我的代码时，volar接受html标记的结束标记，并设置在另一行上。对我来说，很难用这种方式阅读这段代码。我不知道这是故意的还是窃听器。我确信这是可以改变的东西，但是，我不知道使用哪种设置.任何帮助都是很好的

当前代码：

  <v-container
      ><div class="d-flex justify-start">
        {{ contactsStore.contacts.length }} Kontakte
      </div></v-container
    >

期望行为：

<v-container>
 <div class="d-flex justify-start">
  {{ contactsStore.contacts.length }} Kontakte
 </div>
</v-container>

当组件有道具时，我想让它看起来像这样

  <v-container
    :headers="headers"
    :items="contactsStore.getStateWithFullName"
    :search="search"
    :items-per-page="20"
    hide-default-footer
    >
     <div class="d-flex justify-start">
        {{ contactsStore.contacts.length }} Kontakte
     </div>
    </v-container>

Answer 1

修好了！在另一篇文章里找到了答案。很高兴知道我不是唯一一个不喜欢这个的人。

Closing > in new line