如何在VS代码格式的.vue文件中使用Veture扩展名,使html属性保留在一行?

我在编写.vue文件时使用VS代码和Veture扩展名。

目前格式化器会自动将所有html属性放在新的一行。像这样

<v-item-group
            class="shopCategoriesImageGroup"
            multiple
            v-for="(item, index) in getProductCategoryIcons"
            :key="index"
>

我想把它们放在一条线上。希望得到的结果。

<v-item-group class="shopCategoriesImageGroup" multiple v-for="(item, index) in getProductCategoryIcons":key="index" >

在VS代码设置面板上,Veture有以下格式选项。

  • prettyhtml
  • js-beutify-html

  • 更漂亮

按照文档的要求。

https:/vuejs.github.ioveturformatting.html。

我试过使用更漂亮的、配置好的html白边,没有运气。这些似乎不是一个配置选项,允许在单行上保留html属性。

只有当我使用 none 作为格式化器。但这需要我手动格式化代码。

知道我应该设置什么配置选项,使代码在保存时自动格式化?

或者我应该尝试其他扩展?

解决方案:

解决了!!!。

你必须设置 print width 财产到一个更大的数字。像这样。

"vetur.format.defaultFormatterOptions": {
    "prettyhtml": {
      "printWidth": 250, // No line exceeds 250 characters
    }
  }

在这里找到的信息。https: /github.comvuejsveturissues114 感谢Phill的评论。

给TA打赏
共{{data.count}}人
人已打赏
未分类

在编辑按钮上点击显示输入文本字段中的行数据,并在React js中更新同一行的新值。

2022-9-8 19:04:37

未分类

在python的for循环中使用list index的意义是什么?

2022-9-8 19:04:39

0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索