vscode代码格式化换行问题

原创于 2020-09-29 14:23:02 发布

· 5.4k 阅读

5 ·

版权

文章标签：

#visual studio code

vscode插件配置专栏收录该内容

1 篇文章

订阅专栏

本文介绍了如何调整VSCode的vetur插件设置，以防止代码格式化时HTML标签属性自动换行，从而保持页面排版整洁。通过进入设置，搜索vetur并修改配置，包括将`vetur.format.defaultFormatter.html`设为`js-beautify-html`，并设置`wrap_attributes`为`auto`等，可以有效解决这一问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

vscode格式化插件固然好用,但是也出现了一些弊端,写代码时标签的属性自动换行,于是给页面的排版带来了问题,下面是解决的方案:
vscode点击左上角找到首选项–>设置–>搜索vetur更改下面配置即可

// prettier在vetur的配置:
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typ=script",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "auto"
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        },
        "prettier": {
            "semi": false,
            "singleQuote": true
        }
    },