Закрытие> в новой строке

Question

У меня проблема с '>' в тегах. Я получил:

<label
    class="custom-control-label"
    for="building{{building.Id}}"
>
 {{ building.City }}, {{ building.Name }}
</label>

Как сделать метку, начинающую тег '>' в той же строке, что и последний атрибут? Я использую Prettier, но я не смог найти решения ни в их конфигурации, ни в настройках кода.

<label
   class="custom-control-label"
   for="building{{building.Id}}">
     {{ building.City }}, {{ building.Name }}
</label>

Answer 1

В Prettier <2.4.0:

• Добавлять jsxBracketSameLine: true в настройках Prettier.

В Prettier>= 2.4., jsxBracketSameLine устарел, поэтому:

• Добавлять bracketSameLine: true в настройках Prettier.

Вы можете обратиться к официальной документации для получения дополнительной информации.

Answer 2

В красивой конфигурации используйте оба параметра, оба важны для его работы:

      "htmlWhitespaceSensitivity": "ignore",
"bracketSameLine": true

Answer 3

Эта настройка в красивее называется jsxBracketSameLine и должен быть установлен в true

Документация

https://prettier.io/docs/en/options.html

Answer 4

Вы можете следовать этой теме.

Это особенность запроса для Prettier.

Answer 5

Перейдите в настройки VSCode и найдите красивее, как показано на скриншоте. Скобка та же линия

Нажмите на этот флажок

Answer 6

Я узнал, что более красивое свойство:bracketSameLineработает только для открытия тегов<, но не для закрывающих тегов>который не отвечает на исходный вопрос (см. этот запрос функции для справки ). Для меня мне пришлось изменить средство форматирования по умолчанию с более красивого на код VS по умолчанию.

я использовал командуFormat Document With:и последний вариант - изменить средство форматирования по умолчанию, которое влияет только на файлы html (или текущий тип изменяемого файла). Затем я выбралHTML Language Featuresиз выпадающего списка.

Answer 7

В моей ситуации с использованием Angular я обновил красивее с ^1.19.1 до ^2.1.2

npm i prettier@2.1.2 -D

Без каких-либо свойств, закрытие тега HTML в той же строке.