保留内联注释的 VS Code HTML 格式化程序

Question

I'm trying to find a decent HTML formatter plugin for VS Code that won't "break" a lot of pre-existing HTML that has inline comments eg

<div>hello</div><!-- class="world" -->

Shouldn't turn into this:

<div>hello</div>
<!-- class="world" -->

Apparently jsbeautify is not good about this. I tried prettier and same issue..the comments would wrap. After a lot of digging I disabled everything but now I don't have basic auto-formatting of html tags to auto-indent etc.

If anyone has a good vs code setup that addresses this, would highly appreciate if you could share which plugin you're using and any associated plugin settings that may be required to preserve inline comment formatting.

Thanks,

• S. Arora

Answer 1

In settings.json , add

 "[html]": {
        "editor.defaultFormatter": "vscode.html-language-features"
      },

From there, you can search for "whitespace" in the settings UI of VSCode, and configure as you like.