VScode设置标签中的属性自动换行

问题描述

很多时候,在编写Vue代码时经常需要添加很多的属性,往往这时候就会采用一个属性一行的代码格式,但是格式化代码又会将其合并为一行,如果每次都手动进行换行,又会非常影响效率。
image

解决方法

打开settings.json文件,在里面添加/修改:
"vetur.format.defaultFormatterOptions"

修改代码块:

"vetur.format.defaultFormatterOptions": {
    "wrap_attributes": "force-expand-multiline"
    "js-beautify-html": {
    "wrap_attributes": "force-expand-multiline",
    "end_with_newline": false
  }
}

保存重启VScode即可

posted @ 2022-09-03 19:04  如是。  阅读(2367)  评论(0编辑  收藏  举报