web-dev-qa-db-fra.com

Formater le code html dans Visual Studio Code de sorte que les attributs soient sur des lignes distinctes?

Il semble y avoir un manque de paramètres de formatage pour vscode. Je veux pouvoir formater le html de telle sorte que mon html apparaisse comme:

<div attrib1=value1
     attrib2=value2
     attrib3=value3>
  Content
</div>

C'est une fonctionnalité que j'aimerais vraiment avoir!

28
Siddharth Singh

Il existe différentes extensions de "formateur", mais celle que j'ai trouvée fait un travail décent de cette mise en forme exacte que vous recherchez. Cela s'appelle " vscode-tidyhtml ".

https://marketplace.visualstudio.com/items?itemName=anweber.vscode-tidyhtml

  1. Cliquez sur l'icône Extensions sur le côté gauche
  2. Recherchez et installez "vscode-tidyhtml", rechargez Visual Studio Code
  3. Appuyez sur la touche "F1", puis tapez "TidyHtml", appuyez sur Entrée

Il doit mettre en forme HTML afin que les attributs soient sur des lignes différentes. Je ne sais pas si cela fonctionne bien pour d'autres types de fichiers.

2
EdwardM

Mon html étendu était limité par le paramètre "Prettier: Largeur d'impression", je pensais que je mettrais une valeur aléatoire comme 0, mais toutes les balises commencent à casser les attributs. Il a donc mis 10 000. Cela a résolu mon problème.