Prettier ist ein mächtiger Code-Formatter, der Folgendes unterstützt:
- JavaScript (einschließlich experimenteller Funktionen)
- JSX
- Eckig
- Vue
- Fluss
- Maschinenschrift
- CSS, Less und SCSS
- HTML
- Ember/Lenker
- JSON
- GraphQL
- Markdown, einschließlich GFM und MDX v1
- YAML
Funktionen: Prettier kann im Save im Editor, in Pre-Commit-Hooks oder in einer CI-Umgebung ausgeführt werden, um sicherzustellen, dass dein Codebase einen konsistenten Stil hat, ohne dass Entwickler kritische Kommentare in Code-Reviews posten müssen!
Dokumentation:Der Hyperlink-Login ist sichtbar. GitHub-Adresse:Der Hyperlink-Login ist sichtbar.
Installiere Pnettier in deinem Node-Projekt mit dem npm-Befehl, der wie folgt lautet:
Erstelle zwei neue Dateien in der Projektwurzel:
.prettierignore: Ignorierte Dateien oder Ordner, was bedeutet, dass diese Inhalte vom Schöneren nicht formatiert werden dürfen. Referenz:Der Hyperlink-Login ist sichtbar.
.prettierrc: Eine Konfigurationsdatei, eine in JSON oder YAML geschriebene Datei. Referenz:Der Hyperlink-Login ist sichtbar.
In diesem Artikel, als Beispiel ein Angular-18-Projekt, werden im Projektverzeichnis zwei neue Dateikonfigurationen erstellt, wie folgt.
.prettierignore lautet:
.prettierrc lautet:
Füge die folgende Konfiguration zu den Skripten unter der package.json-Datei hinzu:
Testformatierung des Codes mit folgendem Befehl:
Die Wirkung ist wie folgt:
(Ende)
|