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

时间:2024-03-28 10:30:25

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.组合键 Ctrl + K/Ctrl+F(先按Ctrl+K然后Ctrl键不动松开K键按F键) 对选中代码格式化,如果提示Ctrl+K,Ctrl+F不是命令,

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

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

none修改为“js-beautify-html”

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