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