vscode vue 文件 Shift+Alt+F 格式化

1、首先安装 Vetur 插件

2、打开配置文件

【File】-【Preference】-【Settings】-【Extensions】-【Vetur】-【Edit in settings.json】

3、将以下代码复制保存 setting.json 数据中

"vetur.format.defaultFormatterOptions": {
        "prettyhtml": {
            "tabWidth": 4, // 这里可以根据各个formatter进行细分设置
        }
    },
    "vetur.format.options.tabSize": 4,
    "vetur.format.options.useTabs": false,
    "vetur.format.defaultFormatter.html": "prettyhtml",
    "vetur.format.defaultFormatter.css": "prettier",
    "vetur.format.defaultFormatter.postcss": "prettier",
    "vetur.format.defaultFormatter.scss": "prettier",
    "vetur.format.defaultFormatter.sass": "sass-formatter",
    "vetur.format.defaultFormatter.less": "prettier",
    "vetur.format.defaultFormatter.stylus": "stylus-supremacy",
    "vetur.format.defaultFormatter.js": "prettier",
    "vetur.format.defaultFormatter.ts": "prettier"

　　https://vuejs.github.io/vetur/guide/formatting.html#formatters