优化vscode格式html代码，保持标签不换行

vscode格式话代码：ctrl+shift+f，

一般情况下，在vscode中格式化代码，都是如图一所示的效果图

一个标签换了好几行，看起来很难看，也不利于修改

图一

如下配置，即可保持标签不换行

vscode中的文件->首选项->设置->工作区->setting.json

在setting.json中

{
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            "wrap_attributes": "force-expand-multiline",
            "wap_line_length": 220,
            "end_with_newline": false
        },
        "prettyhtml": {
            "printWidth": 220,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    }

效果图如下：

图二