vscode 如何使 HTML 中多个 class 不换行？

Question

当 class 较长时，prettier 插件会将 class 换行显示，如何才能不换行，或者其他插件。

Answer 1

你应该是安装了Prettier@2.3之上的版本才会这样的,新版本在对 html 格式化时,如果行宽超过了printWidth会将多个类名换行.并且目前不可配置.
一个方法是通过调整printWidth到足够大,就不会触发换行了
另外一个方法就是降级到Prettier@2.2

---

• Prefix-based multiline formatting for the class attribute
• Smarter formatting of HTML class attribute

Answer 2

//Html格式化不换行
"vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
        "wrap_line_length": 220,
        "wrap_attributes": "auto",
        "end_with_newline": false
    }
}