VSCode之Vue文件代码格式化无效怎么办

1.如果你是使用beautify插件格式化vue文件，那么打开：文件->首选项->设置，

搜索  beautify.language ，在"html"里加上 "vue",如下图:

"beautify.language": {

"js": {

"type": [

"javascript",

"json"

],

"filename": [

".jshintrc",

".jsbeautify"

]

},

"css": [

"css",

"scss"

],

"html": [

"htm",

"html",

"vue"

]

}

 

然后使用快捷键 Shift+Alt+F，可以格式化整个vue文件，包括css、HTML（包括vue、elementUI等）、js。

 

2.如果安装了 vetur 插件之后，Shift+Alt+F又无法格式化Vue文件了。

那么打开：文件->首选项->设置，搜索 vetur.format.defaultFormatter.html，

将none修改为“js-beautify-html”