请教 vscode 的 prettier 格式化代码的一个问题
gogocome 2022-04-12 17:42:34 +08:00 2990 次点击这是一个创建于 1346 天前的主题，其中的信息可能已经有所发展或是发生改变。
部分 html 标签结尾被格式化成这个样子了,右边的尖括号换行了,有办法吗?
</i >15555223321</a >  | 1 gogocome OP { "singleQuote": true, "printWidth": 1500 } 没用好像.. |
 | 2 creanme 2022-04-12 18:00:32 +08:00  1 我印象中好像没法配置，只能手动把里面的内容以及整个右标签换行，然后再格式化，prettier 就不会单独把右尖括号换行了。 |
 | 4 jawilx 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