VSCode中vue文件的html格式化時，屬性標簽自動換行的修改

解決方案

1.前提："vetur.format.defaultFormatter.html": "js-beautify-html",
2.修改"wrap_attributes"為 "aligned-multiple"

    "vetur.format.defaultFormatter.html": "js-beautify-html", //格式化.vue中html
    "js-beautify-html": {
      "wrap_attributes": "aligned-multiple"
      // "wrap_attributes": "force-expand-multiline" //屬性強制換行對齊
      // "wrap_attributes": "force-aligned" //屬性強制折行對齊
    },

插件及說明

• Vetur ,vue-beautify

vetur.format.defaultFormatterOptions 對屬性進行換行。

• auto: 僅在超出行長度時才對屬性進行換行。
• force: 對除第一個屬性外的其他每個屬性進行換行。
• force-aligned: 對除第一個屬性外的其他每個屬性進行換行，並保持對齊。
• force-expand-multiline: 對每個屬性進行換行。
• aligned-multiple: 當超出折行長度時，將屬性進行垂直對齊。

作者：借你趁早
鏈接：https://juejin.cn/post/6884850654544658446
來源：掘金