Как сделать HTML-элементы в компактном режиме по сравнению с кодом

#html #jquery #visual-studio #visual-studio-2010 #visual-studio-code

Вопрос:

Я попытался отформатировать свой HTML-выбор HTML-элементов в компактном виде, я перепробовал слишком много расширений Visual Studio, но ни одно из них не работает так, как Ctrl J и так далее

Вот пример моего кода, который мне нравится

 <div class="example">
<div class="section">
<div class="widget">
<div class="title">
<h3 class="title">I am a developer</h3>
</div>
</div>
</div>
</div>
 

Мне нужно Вот так Ниже

 <div class="example"><div class="section">
<div class="widget">
<div class="title"><h3 class="title">I am a developer</h3></div>
</div></div></div>
 

Как и выше, в этом формате слишком много кода, который мне нужно отформатировать с помощью любого расширения в VS code, если возможно, предложите мне
Любая помощь будет высоко оценена

Комментарии:

1. marketplace.visualstudio.com/items?itemName=HookyQR.minify

Ответ №1:

всегда полезно хорошо отформатировать код с помощью отступов. Это помогает идентифицировать родительские и дочерние элементы, особенно когда элемент содержит больше, чем дочерние элементы.

напр.

 <div class="example">
    <div class="section">
    <div class="widget">
    <div class="title">
        <h3 class="title">I am a developer</h3>
    </div>
    </div>
    </div>
</div>