vsCode 格式化vue文件标签属性不自动换行

vscode每次格式化代码以后，html标签会根据属性自动换行，就是下面的样子：

<input v-model="bankNumber"
    class="bank-formItem-input"
    placeholder="仅支持借记卡绑定"
    @blur="handleBlur"
    type="number"
/>

可能有人会看的舒服，但是我看的实在难受。有跟我一样的童鞋可以试试以下设置：

将"js-beautify-html"下的"wrap_attributes"设置为"auto"。

以下为vscode中settings.json文件设置：

"vetur.format.defaultFormatterOptions": {
　　"js-beautify-html": {
　　　　"wrap_attributes": "auto",
　　}
}

打开vscode设置，看下图，应该很清楚了。

最后关于"js-beautify-html"下的"wrap_attributes"的几个选项说明：

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