vscode vue代码格式化无效详细解决方案

右键格式化不管用，按快捷键也不行。

原因就是可能vscode无法识别vue的<template>标签

解决方案如下：

第一步：点击设置

第二步：点击右侧的图标会打开settings.json文件 

第三步：把一下代码粘贴上去即可 

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

 

 完整代码如下

{
    "vetur.validation.template": false,
    "explorer.confirmDelete": false,
    "varTranslation.translationEngine": "baidu",
    "liveServer.settings.donotShowInfoMsg": true,
    "workbench.colorTheme": "One Dark Pro Darker",
    "editor.fontSize": 16,
    // -----粘贴上---------
    "vetur.format.defaultFormatter.js": "vscode-typescript",
    "vetur.format.defaultFormatter.html": "js-beautify-html"
}

这样就是可以解决无法格式化问题了。