vscode中prettier标签尾部>被换行

Question

问题描述

问题出现的平台版本及自己尝试过哪些方法

找遍了设置 有个jsx啥的不换行 但是不起作用

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

<template
  ><div>
    <button @click="show">标记</button>
    <p v-if="isShow">{{ detail }}</p>
  </div>
</template>

你期待的结果是什么？实际看到的错误信息又是什么？

希望可以格式化成

<template>
  <div>
    <button @click="show">标记</button>
    <p v-if="isShow">{{ detail }}</p>
  </div>
</template>

请问如何设置prettier

Answer 1

prettier配置如下规则即可：

htmlWhitespaceSensitivity: "ignore",
bracketSameLine: false,

Answer 2

老哥，找到解决原因没有

Answer 3

老哥找到了说下怎么设置呀...

Answer 4

大兄弟，参考这个吧：
https://zhuanlan.zhihu.com/p/...
https://github.com/prettier/p...