VsCode格式化代码一行变多行问题处理

经常是一行更美观的写法,格式化就变成多行了,看起来很不简洁! 处理方法1:file--preferences--settings--搜索 vetur.format.defaultFormatterOptions,然后edit in settings.json

加入如下红框圈出的代码部分

"vetur.format.options.tabSize": 4,//格式化后的首行缩进
"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": 1000,//长度不超过1000则不换行,依据自己的代码进行调整
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
},

处理方法2:选中需要换为一行的代码--右键command palette--搜索 joinline--点击即可实现多行代码变为一行 (太费事了,还是调整一下格式化把,临时使用还凑合)