Перенос атрибутов на новую строку, vs code, vue, volar, max attributes per line

Рейтинг: 0Ответов: 1Опубликовано: 06.04.2023

Создал дефолтное приложение Vue при помощи команды vue create vue-project. Установил Volar для форматирования vue компонентов. Столкнулся с проблемой, что форматировщик не переносит атрибуты в несколько строк (если один атрибут то в одной строке, если 2 или больше то каждый с новой). Посмотрел настройки Volar такой опции не нашёл. Тут даже не совсем понимаю на каком уровне это нужно менять, так чтобы это всегда работало. Настройки vs code, volar, es lint или prettier?

visual-studio-code prettier vue-cli eslint
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

"html.format.wrapAttributes"

Это настройки HTML, а не Vue html.format.wrapAttributes

Не установлено

<div one="one" two="two" three="three">
  ...
</div>

"html.format.wrapAttributes": "force"

<div one="one"
  two="two"
  three="three">
  ...
</div>

"html.format.wrapAttributes": "force-aligned"

<div one="one"
     two="two"
     three="three">
  ...
</div>

"html.format.wrapAttributes": "force-expand-multiline"

<div
  one="one"
  two="two"
  three="three"
>
  ...
</div>