Как настроить перенос строк в prettier?

260

13 апреля 2022, 05:10

Какой код я ввожу:

<div class="header__holder header-info__holder">
  <a href="tel:+74991234567" class="header-info__phone-link">+7 499 123-45-67</a>
  <a href="mailto:aly-info@mail.ru" class="header-info__email-link">aly-info@mail.ru</a>
</div>

Как prettier форматирует код сейчас:

<div class="header__holder header-info__holder">
  <a href="tel:+74991234567" class="header-info__phone-link"
    >+7 499 123-45-67</a
  >
  <a
    href="mailto:aly-info@mail.ru"
    class="header-info__email-link"
   >aly-info@mail.ru</a
  >
</div>

Как я ожидаю его форматирование:

<div class="header__holder header-info__holder">
  <a href="tel:+74991234567" class="header-info__phone-link">
    +7 499 123-45-67
  </a>
  <a href="mailto:aly-info@mail.ru" class="header-info__email-link">
    aly-info@mail.ru
  </a>
</div>

настройки для prettier в vscode json

"prettier.disableLanguages": ["javascript", "javascriptreact"],
"prettier.useTabs": true,
"[html]": {
  "editor.defaultFormatter": "esbenp.prettier-vscode"
},

Answer 1

Проблема заключалась в рекомендуемой длине строки для prettier, из-за этого создавалось такое поведение.