vscode中自带的代码格式化对vue不是很友好

首先搜索并安装插件 beautify
文件→首选项→设置
找到 beautify.language
修改为如下配置

[js]"beautify.language": {
"js": {
"type": [
"javascript",
"json"
],
"filename": [
".jshintrc",
".jsbeautify"
]
},
"css": [
"css",
"scss"
],
"html": [
"htm",
"html",
"vue"//在这里加上vue
]
}
[/js]

在页面中选中要格式化的代码，右键→格式化选定代码，Done!