vscode中自带的代码格式化对vue不是很友好

首先搜索并安装插件 beautify
文件→首选项→设置
找到 beautify.language
修改为如下配置

"beautify.language": {
        "js": {
            "type": [
                "javascript",
                "json"
            ],
            "filename": [
                ".jshintrc",
                ".jsbeautify"
            ]
        },
        "css": [
            "css",
            "scss"
        ],
        "html": [
            "htm",
            "html",
            "vue"//在这里加上vue
        ]
    }

在页面中选中要格式化的代码，右键→格式化选定代码，Done!