Vscode使用格式化文档无效（vue代码格式化文档无效）

问题：最近在写代码的时候，vscode使用格式化文档不管用。

原因：单页面使用大量element组件和html代码导致，vscode识别不了。

解决方案：

一. 打开设置，点击右侧的图标打开settings.json文件，在文件中注入代码

settings.json文件位置，vscode左下角：

 设置页面右上角：

 在settings.json文件中注入代码：

    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html"

二. 代码放在这里，完美解决

    "path-autocomplete.extensionOnImport": true,//导入文件时是否携带文件的拓展名
    "path-autocomplete.pathMappings": {//配置@的路径提示
        "@": "${folder}/src"
    },
    "explorer.confirmDelete": false,
    "editor.fontSize": 20,
    // 放在这里，解决格式化代码不管用
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html",