Как сделать расширение Veture в формате кода VS. vue файл, чтобы атрибуты html были сохранены в одной строке?

Question

Я использую VS Code и расширение Veture при записи. vue файлов.

В настоящее время форматер автоматически помещает все атрибуты 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 имеет следующие параметры форматирования:

• нет
• довольно html

• js -beutify- html

• красивее

По документам:

https://vuejs.github.io/vetur/formatting.html

Я пытался использовать красивее, настроил html пробел, не повезло. Похоже, это не тот параметр конфигурации, который позволяет сохранять атрибуты html в одной строке.

Желаемый эффект появляется, только если я использую none в качестве средства форматирования. Но это требует от меня ручного форматирования кода.

Есть идеи, какие параметры конфигурации я должен установить, чтобы код автоматически форматировался в одной строке при сохранении?

Или мне стоит попробовать другое расширение?

Answer 1

Solved It !!!

Вы должны установить для свойства print width большее число. Как это:

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

Нашел информацию здесь: https://github.com/vuejs/vetur/issues/114 благодаря комментарию Фила.