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

时间 2021-01-19 标签 VsCode

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不是命令，

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

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