Как предотвратить разрыв строки для каждого конечного тега html-элемента с помощью VSCode Prettier?

#html #visual-studio-code #laravel-blade #prettier

#HTML #visual-studio-код #laravel-blade #красивее #visual-studio-code

Вопрос:

Это то, что у меня сейчас есть в моем редакторе. На самом деле это блейд laravel, поэтому имя page.blade.php файла. Тем не менее, я добавил их на files.associate ;

 "*.blade.php":"html"
  
 <nav
    class="navbar navbar-standard navbar-expand-lg fixed-top navbar-dark navbar-theme"
>
    <div class="container">
        <a class="navbar-brand" href="../index.html"
            ><span class="text-white">{{ config("app.name") }}</span></a
        >
        <button
            class="navbar-toggler collapsed"
            type="button"
            data-toggle="collapse"
            data-target="#navbarStandard"
            aria-controls="navbarStandard"
            aria-expanded="false"
            aria-label="Toggle navigation"
        >
            <span class="navbar-toggler-icon"></span>
        </button>
    </div>
</nav>

  

Итак, если вы заметили во фрагменте, > он всегда прерывает строку, и это нехорошо. особенно для </a> тега. Я попытался отредактировать HTML>Format: Wrapp Attributes , но это не работает, см. Прилагаемое изображение:

настройки vs-code

Теперь это то, что я хочу.

 <nav class="navbar navbar-standard navbar-expand-lg fixed-top navbar-dark navbar-theme">
    <div class="container">
        <a class="navbar-brand" href="../index.html">
            <span class="text-white">Logo</span>
        </a>
        <button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#navbarStandard" aria-controls="navbarStandard" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
        </button>
    </div>
</nav>
  

Ответ №1:

Просто нажмите на правый нижний обычный текст, откроется диалоговое окно введите html и ВЫБЕРИТЕ html

Затем щелкните правой кнопкой мыши и выберите форматировать документ. Он будет форматировать файл так, как вы хотите

Просто нажмите на обычный текст справа внизу, откроется диалоговое окно введите html и выберите HTML. см. Рисунок 1.

Затем щелкните правой кнопкой мыши и выберите форматировать документ. Он отформатирует файл так, как вы хотите. См. Рисунок 2.