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
}
}
效果图如下:

网友评论