请教 vscode 的 prettier 格式化代码的一个问题

[gogocome]

部分 html 标签结尾被格式化成这个样子了,右边的尖括号换行了,有办法吗?

</i
>15555223321</a
          >
          

[gogocome]

{
"singleQuote": true,
"printWidth": 1500
}

没用好像..

[creanme]

我印象中好像没法配置，只能手动把里面的内容以及整个右标签换行，然后再格式化，prettier 就不会单独把右尖括号换行了。

[gogocome]

@creanme 这样是可以的.谢谢.

[xujiahui]

可以配置，不过需要考虑清楚，"htmlWhitespaceSensitivity": "ignore"，https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting

[kkocdko]

4 楼正解。
这么做的原因是，如果格式化成这样：
<i>
123123
</i>
会发现内容前后多出了一个空格的位置。大多数 inline 元素都是这样的。因此这两种形式并非完全等价。

[wangtian2020]

可以先用文件内搜索，搜索框内敲个换行符，然后全部移除掉。这样子你的代码压缩到只有一行了
这个时候重新格式化

[nzbin]

模板格式化建议不要用 prettier ，vscode 自带的格式化更好用，可以参考这篇文章里介绍的模板格式化方法
https://www.cnblogs.com/nzbin/p/11495417.html

[wdssmq]

"html.format.wrapAttributes": "preserve-aligned"

已设置。。之后看效果。。