[转] VSCode中 Vetur插件排版Vue文件 Col 标签子标签不被缩进的问题 iview viewDesign 自动格式化

问题

Col标签不对齐

首先直接放解决办法

在 vsCode settings.json 中添加

{
    // 缩进大小,自行按需配置
    "vetur.format.options.tabSize": 4,
    "vetur.format.defaultFormatter.html": "js-beautify-html",
    "vetur.format.defaultFormatterOptions": {
        "js-beautify-html": {
            // "wrap_attributes": "force-expand-multiline",
            "wrap_line_length": 120,
            "wrap_attributes": "auto",
            "end_with_newline": false,
            // "indent_head_inner_html":  true,
            // 去掉了 col
            "void_elements": ["area", "base", "br", "embed", "hr", "img", "input", "keygen", "link", "menuitem", "meta", "param", "source", "track", "wbr", "!doctype", "?xml", "?php", "?=", "basefont", "isindex"],
        },
        "prettyhtml": {
            "printWidth": 100,
            "singleQuote": false,
            "wrapAttributes": false,
            "sortAttributes": false
        }
    },
}

主要生效属性为 void_elements 效果是标识了所有无子标签的标签
在其默认值的状态下删除了标签 col

再次排版即可解决