Lösen Sie das Problem der automatischen HTML-Formatierung nach dem Speichern in vscode

Lösen Sie das Problem der automatischen HTML-Formatierung nach dem Speichern in vscode

Die Version von vsCode wurde in den letzten Tagen aktualisiert und die aktuelle Versionsnummer lautet: 1.43. Tatsächlich habe ich bei jeder Aktualisierung der vsCode-Versionsnummer keine offensichtlichen Änderungen bemerkt. Ich habe sie einfach routinemäßig täglich aktualisiert. Und dieses Mal hat mir vsCode wirklich sehr geholfen.

Wie wir alle wissen, binden wir beim Schreiben von HTML-Seiten häufig viele Attribute oder Ereignisse an Elemente. Wenn wir sie nicht umschließen, sieht das hässlich aus. Daher besteht meine tägliche Praxis darin, jedes Attribut in eine separate Zeile zu setzen, etwa so:

<nz-pagination 
      [nzPageIndex]="2" 
      [nzTotal]="500" 
      nzShowSizeChanger 
      nzShowQuickJumper></nz-pagination>

Aber nach diesem Update wird das HTML beim Speichern automatisch formatiert und alle Attribute werden in eine Zeile verschoben, etwa so:

<label (click)="changeItem('code')" [ngClass]="{'active': activeItem == 'code'}">Hallo Welt</label>

Anfangs habe ich es toleriert, aber als immer mehr Attribute an ein Element gebunden wurden, bin ich völlig zusammengebrochen. Ich dachte, dass das Problem durch ein Plug-In verursacht wurde, aber als ich danach suchte, stellte sich heraus, dass das installierte Plug-In die Formatierung für HTML nicht eindeutig spezifizierte. Also habe ich alle meine 26 Plugins gelöscht, bevor ich wütend wurde!

Aber das Problem wurde nicht gelöst. Daher habe ich mich auf das integrierte Plug-In von vscode konzentriert. Es stellte sich heraus, dass vscode diese Option nach dem letzten Versionsupdate automatisch für mich aktiviert hat. . .

Ich hoffe, dass Sie, wenn Sie in Zukunft auf ein Problem dieser Art stoßen, zuerst hier nachsehen, um zu vermeiden, dass Ihnen dasselbe Problem wie mir unterläuft. Keine weiteren Worte, ich werde das Plug-in installieren. . .

Zusammenfassen

Dies ist das Ende dieses Artikels zur Lösung des Problems der automatischen Formatierung von HTML nach dem Speichern in vscode. Weitere relevante Inhalte zur vscode-HTML-Formatierung finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder durchsuchen Sie die verwandten Artikel weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!

<<:  Detaillierte Erklärung zur Verwendung der Vue h-Funktion

>>:  Vollständige MySQL-Lernhinweise

Artikel empfehlen

Beispielcode zur Implementierung einer QR-Code-Scanbox mit CSS

Normalerweise haben wir ein Scan-Feld, wenn wir d...

Mehrere häufig verwendete Single-Page-Anwendungswebsite-Sharing

CSS3Bitte Schauen Sie sich diese Website selbst a...

Welche Vorteile bietet die Verwendung des B+-Baumindex in MySQL?

Bevor wir dieses Problem verstehen, schauen wir u...

Detailliertes Tutorial zur Installation von Protobuf 3 unter Ubuntu

Wann ist die Installation durchzuführen? Wenn Sie...

Bootstrap 3.0 - Schaltflächenstil für Lernnotizen

In diesem Artikel wird hauptsächlich der Stil der...

Details zum MySQL-Index-Pushdown

Inhaltsverzeichnis 1. Prinzip des ganz linken Prä...

nginx+tomcat-Beispiel für den Zugriff auf das Projekt über den Domänennamen

Ich wollte wissen, wie ich mit einem Domänennamen...

JS implementiert Städtelisteneffekt basierend auf VUE-Komponente

In diesem Artikelbeispiel wird der spezifische Co...