vscode 自动格式化 html 代码的问题

悬赏园豆：30 [已解决问题] 解决于 2024-12-23 20:36

下面的 angular component html 代码

在 vscode 已保存就被格式化成下面这样

请问如何解决这个问题？

vscode

dudu | 高人七级 | 园豆：28665
提问于：2024-12-22 12:12

< >

最佳答案

是 vscode 自带的 html formatter 引起的，安装 Prettier 扩展，并且将默认的 html formatter 设置为这个扩展，问题就解决了

{
  "[html]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  }
}

dudu | 高人七级 |园豆：28665 | 2024-12-23 20:35

vscode 自带的 html formatter 出现这个问题是下面的配置引起的

"html.format.wrapAttributes": "force-expand-multiline"

将 force-expand-multiline 改为 auto 即可解决

"html.format.wrapAttributes": "auto"

dudu | 园豆：28665 (高人七级) | 2024-12-28 09:14

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。