Vue格式化属性配置

路径：文件——首选项——设置——扩展——Vetur——在srttings.json中编辑

// 对属性进行换行 wrap_attributes
// - auto: 仅在超出行长度时才对属性进行换行。
// - force: 对除第一个属性外的其他每个属性进行换行。
// - force-aligned: 对除第一个属性外的其他每个属性进行换行，并保持对齐。
// - force-expand-multiline: 对每个属性进行换行。
// - aligned-multiple: 当超出折行长度时，将属性进行垂直对齐。

// prettyhtml(doc: string, options?): vFile
// - tabWidth: 缩进级别的空间宽度（默认值：2）
// - useTabs: 使用制表符代替空格进行缩进（默认值：false）
// - printWidth: 使用不同的最大行长度（默认值：80）
// - usePrettier: 对嵌入内容使用更漂亮（默认值：true）
// - prettier: 为嵌入的内容使用自定义更漂亮的设置（默认：本地配置）
// - singleQuote: 使用单引号代替双引号（默认值：false）
// - wrapAttributes: 强制包装属性（当它有多个时，默认：false）
// - sortAttributes: 按字母顺序对属性进行排序（默认值：false）

"vetur.format.defaultFormatterOptions": {
    "js-beautify-html": {
        "wrap_attributes": "force-aligned"
    },
    "prettyhtml": {
        "printWidth": 100,
        "singleQuote": false,
        "wrapAttributes": false,
        "sortAttributes": false
    }
}