Complemento vetur: los atributos de etiqueta html de formato de vscode no se ajustan

1. Haga clic en el botón de configuración en la esquina inferior izquierda y seleccione Configuración

2. Busque vetur en la configuración del usuario y haga clic en Editar en settings.json.

3. Establezca la siguiente configuración

{
    
    
    "[vue]": {
    
    
        "editor.defaultFormatter": "octref.vetur"
    },
    
    "vetur.format.defaultFormatter.html": "js-beautify-html", // html不换行,格式化模板选择为：js-beautify-html
    "vetur.format.defaultFormatterOptions": {
    
    

        "js-beautify-html": {
    
    
            "wrap_attributes": "auto",// html 标签属性 换行设置[auto|force|force-aligned|force-expand-multiline] ["auto"]
            "end_with_newline": false // 在文件结尾添加新行
        },
        "prettyhtml": {
    
    
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },
    "vetur.grammar.customBlocks": {
    
    
    
        "docs": "md",
        "i18n": "json"
    }
}