Как я могу использовать Prettier, чтобы получить закрывающие теги HTML на новой строке?

Question

Я пытаюсь добиться следующего вывода с Prettier при написании простого HTML:

<div class="foo"></div>

<div
  class="foo"
  id="bar"
>
</div>

Обратите внимание, что закрывающий тег div на элементе div с несколькими атрибутами находится на отдельной строке (и весь контейнер на одной строке для элемента div с одним атрибутом / без атрибутов).

я верю --jsx-bracket-same-line значение false позволяет достичь желаемого результата в JSX, но я пытаюсь добиться этого в обычном HTML.

Я открыт для использования других плагинов или настроек ESLint с Prettier.

Answer 1

Если у вас есть только файлы HTML, вы можете изменить парсер по умолчанию на lwc вместо того HTML. Это изменение превратит все парсеры вlwc

{
    "parser": "lwc"
}

В случае, если у вас несколько разных типов файлов, лучше подавать заявку только на *.html файлы, затем поместите следующее в свой .prettierrc.

{
  "overrides": [{ "files": "*.html", "options": { "parser": "lwc" } }]
}