Prettier & Beautify

Ach, was für ein süßer Blog-Post-Titel, oder?

Prettier ist ein "meinungsstarker Code-Formatter". Ich empfehle dringend, ihn zu verwenden. Sie haben ein Dokument, das tiefer in die Gründe eintaucht, aber ihre drei Marketing-Aufzählungspunkte sagen es am besten:

• Sie drücken Speichern und der Code wird formatiert
• Keine Notwendigkeit, den Stil in der Code-Review zu diskutieren
• Spart Ihnen Zeit und Energie

Aber Prettier kann nicht alle Sprachen. Insbesondere HTML. Es ist großartig bei JSX, und ich habe mich wirklich daran gewöhnt, das zu genießen. Aber wenn ich dann zu einer Rails .erb-Vorlage oder einer WordPress-Seite wechsle, wo ich eine .php-Datei bearbeite, oder sogar eine einfache .html-Datei… kein Prettier.

Sie haben einen Entwicklungszweig dafür, aber das habe ich noch nicht ausprobiert. Vorerst war ich gezwungen, ein HTML-Formatierungstool auszuprobieren, das bereits auf dem Markt und im Einsatz ist. Das VS Code-Plugin Beautify erledigt das und hat 6,5 Millionen Installationen, also schien das eine gute Wahl zu sein.

Durch die Verwendung dieses Plugins können Sie es konfigurieren, anstatt die interne Version von VS Code zu verwenden, die anscheinend nicht konfigurierbar ist.

Das Problem ist…

Beim ersten Versuch fand ich heraus, dass Prettier dadurch nicht mehr funktionierte. Das war für mich inakzeptabel, da ich möchte, dass Prettier die primäre Formatierungsoption ist. Ich bin mir nicht sicher, ob es daran lag, dass beide liefen und Prettier zuletzt ausgeführt wurde, ob es stattdessen nur Beautify ausführte oder genau, was es war, aber ich konnte es zu dieser Zeit nicht herausfinden.

Der Trick für mich war, ihm zu sagen, dass es sich *nur* um bestimmte Dateitypen kümmern soll!

In meiner settings.json

{
 ...

  "beautify.language": {
    "html": ["html", "php", "erb"],
    "css": [],
    "js": []
  }
}

Jetzt kann ich Prettier für alle Sprachen verwenden, die es unterstützt, und auf Beautify für die HTML-Sachen zurückgreifen, die Prettier noch nicht unterstützt. Bisher läuft alles gut.