Vscode中代码格式化时如何不换行？

问题：

大家是否也遇到过这样的问题，用vscode编辑器格式化代码时，会出现以下这种代码换行的问题，看起来代码堆积，开发体验非常不好。

如何解决：

1.打开Vscode,点击文件 —》首选项 —》设置—》搜索vetur —》 在setting.json中编辑—》输入以下代码（注意是json形式的，如果setting.json中为空，要自己在最外层加一个{}）

    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatterOptions": {
    
    
        
        "js-beautify-html": {
    
    
            "wrap_attributes": "auto"
        },
        "prettyhtml": {
    
    
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    }

展示：