VSCode中vue拓展vetur整理代码时的尖括号换行问题

如图，没有配置前 如果代码过长，vetur会把尖括号整理到第二行换行，这样下来代码可读性特别差

image.png

修改一下vscode 的setting.json 来改善这个问题

"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
        }
 },

结果如下：

image.png