问题产生
代码格式化的功能由插件提供，比如veture，默认的配置超过很短的长度就回换行。
所以需要修改配置。
打开 文件 - 首选项 - 设置，然后点击右上角的图标。进入settings.json文件。
搜狗截图20220421170631.png
在这里面写配置。
问题解决
1.使用Prettier - Code formatter来格式化
安装好后在配置文件中写
{
"prettier.printWidth":120, //指定换行的长度，指定合适的值就不会很短就换行
}
然后格式化的时候选Prettier来格式化
2.修改veture的换行配置
{
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
"js-beautify-html": {
"wrap_line_length": 200,
"wrap_attributes": "auto",
"end_with_newline": false
}
},
}
然后格式化的时候选veture来格式化
这个配置参数格式化后很难看，需要自己去调整合适的参数，但至少不乱换行了。
总结
网上找的方法配置全是错的，不知道从哪里复制的过时版本，不知道什么时候这个也是过时的版本。
