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

Question

我在编写.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 作为格式化器。但这需要我手动格式化代码。

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

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

Answer 1

解决了！！！。

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

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

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