Visual Studio Code: изменение угловых скобок HTML-форматирование - PullRequest
Новая
       14

Visual Studio Code: изменение угловых скобок HTML-форматирование

0 голосов
/ 21 декабря 2018

Могу ли я спросить вас, возможно ли изменить форматирование html в VSC относительно закрытия угловой скобки стартового оленя?

в настоящее время мой форматер производит: 

  <button
    type="button"
    class="btn btn-default"
    (click)="activeModal.close()"
    translate
  >
    common.discardBtn
  </button>

этоужасно

Хотелось бы получить такой результат: 

  <button
    type="button"
    class="btn btn-default"
    (click)="activeModal.close()"
    translate>
    common.discardBtn
  </button>

Как избежать новой строки угловой скобки?

ОБНОВЛЕНИЕ @ChrisR IВы уже пробовали
"html.format.wrapAttributes": "force", но это не работает

Ответы [ 2 ]

0 голосов
/ 08 февраля 2019

Вы уверены, что это код Visual Studio, а не расширение, такое как красивее?Я обнаружил ту же проблему, и простой тест на выключение более привлекательного элемента показал бы, если это та же проблема.

<!-- prettier-ignore  -->
<button
    type="button"
    class="btn btn-default"
    (click)="activeModal.close()"
    translate>
    common.discardBtn
</button>

Похоже, что это обсуждалось, но, возможно, здесь никогда не было исправлено: https://github.com/prettier/prettier/issues/1825

Я отключил более симпатичный для html в моих настройках. Json 

"prettier.disableLanguages": ["html"]
0 голосов
/ 21 декабря 2018

Значение:

"html.format.wrapAttributes": "force".

Причина, по которой угловая скобка первого тега установлена ​​на новую строку, заключается в том, что когда ваш код версионирован (с помощью Git дляНапример), и вы добавляете или удаляете атрибуты, будет изменено меньше строк, чем с вашим предпочтительным решением.

Вы обнаружите, что «ужасный» формат довольно распространен в мире разработчиков.=)

...