请教 vscode 的 prettier 格式化代码的一个问题
gogocome · 2022-04-12 17:42:34 +08:00 · 2483 次点击这是一个创建于 955 天前的主题，其中的信息可能已经有所发展或是发生改变。
部分 html 标签结尾被格式化成这个样子了,右边的尖括号换行了,有办法吗?
</i
>15555223321</a
>
 |
1
gogocome OP {
"singleQuote": true, "printWidth": 1500 } 没用好像.. |
 |
2
creanme 2022-04-12 18:00:32 +08:00  1
我印象中好像没法配置，只能手动把里面的内容以及整个右标签换行，然后再格式化，prettier 就不会单独把右尖括号换行了。
|
 |
4
xujiahui 2022-04-12 18:52:35 +08:00
可以配置，不过需要考虑清楚，"htmlWhitespaceSensitivity": "ignore"，https://prettier.io/blog/2018/11/07/1.15.0.html#whitespace-sensitive-formatting
|
 |
5
kkocdko 2022-04-12 23:10:05 +08:00 via Android
4 楼正解。
这么做的原因是，如果格式化成这样： <i> 123123 </i> 会发现内容前后多出了一个空格的位置。大多数 inline 元素都是这样的。因此这两种形式并非完全等价。 |
 |
6
wangtian2020 2022-04-13 08:42:50 +08:00
可以先用文件内搜索，搜索框内敲个换行符，然后全部移除掉。这样子你的代码压缩到只有一行了
这个时候重新格式化 |
 |
7
nzbin 2022-04-13 11:24:07 +08:00
模板格式化建议不要用 prettier ，vscode 自带的格式化更好用，可以参考这篇文章里介绍的模板格式化方法
https://www.cnblogs.com/nzbin/p/11495417.html |
 |
8
wdssmq 2022-04-15 16:44:05 +08:00
"html.format.wrapAttributes": "preserve-aligned"
已设置。。之后看效果。。 |
Select Language