vscode 无法格式化 .vue 文件

Question

如图所示，当我尝试格式化 .vue 文件时提示“抱歉，当前没有安装‘Vue’文件的格式化程序”。
无法对 .vue 文件进行格式化缩进。已经安装了 Vetur 插件。
在网上搜了一下，发现我这几乎是个例，想请问熟悉 vscode 的大佬是咋回事呢？

Answer 1

vscode需要修改下首选项：
打开vscode，菜单栏选择 文件=》首选项 =》设置，把下面的拷贝完整覆盖右侧用户设置
{

"window.zoomLevel": 0,
"extensions.ignoreRecommendations": true,
"emmet.syntaxProfiles": {
    "vue-html": "html",
    "vue": "html"
},
"vetur.validation.template": false,
"eslint.options": {
    "plugins": ["html"]
},
"eslint.validate": [
    "javascript",
    "javascriptreact",
    "html",
    "vue"
],
"prettier.singleQuote": true,
"prettier.semi": false,
"vetur.format.defaultFormatter.html": "js-beautify-html",
"vetur.format.defaultFormatterOptions": {
   "wrap_attributes": "force-aligned"
 }

}

Answer 2

有时候插件加载得比较慢，等一下就好。

Answer 3

安装这个插件: Vetur

Features(功能):

Syntax-highlighting
Snippet
Emmet
Linting / Error Checking
Formatting(格式化)
Auto Completion
Debugging

Answer 4

把右下角“选择语言模式”切换到其他语言比如c，然后再切换到Vue(注意大小写)就可以

Answer 5

抱着特别激动的心情来答一波，这个问题其实也困扰了我很久，怎么改配置都不管用，直到，我点开底部的x（问题）模块，发现，我改了半天的setting.json，其实我user的配置，而不是我的工作台的配置文件。（因为我习惯性的会建一个workspace文件夹，来放置各个项目的代码，之前配置的都是外层的setting.json!所以eslint不生效！）。首选项-配置之后，会有两个tab，一个用户，一个工作台～请修改对应的tab的配置