如圖博肋，沒有配置前 如果代碼過長，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
}
},
結(jié)果如下：
image.png
