VScode格式化HTML代码保持标签属性不换行

最新推荐文章于 2026-05-02 15:32:49 发布

原创最新推荐文章于 2026-05-02 15:32:49 发布 · 1.2w 阅读

20 ·

本内容遵循CC 4.0 BY-SA版权协议

本文为博主原创文章，未经博主允许不得转载。

收录于

vscode 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何在VSCode中使用Vetur插件配置js-beautify-html，以实现HTML代码格式化，包括设置每行字符数、属性换行方式及是否以新行结束。

点开设置，设置页面点开“拓展”，找到“Vetur”，右侧点击“在setting.json中编辑”，
加入以下配置就好了：

"vetur.format.defaultFormatter.html": "js-beautify-html",
 "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_line_length": 220,
            "wrap_attributes": "auto",
            "end_with_newline": false
        }
    }

在这里插入图片描述