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
来源:掘金

VSCode中vue文件的html格式化时,属性标签自动换行的修改

上一篇:npm安装第三方模块后运行提示 : 无法加载文件 E:\Projects\nodejs\npm.ps1,因为在此系统上禁止运行脚本。


下一篇:通过expected_conditions判断网页元素是否存在