Codeformatierung: Prettier 2.5 formatiert neue TypeScript-Syntax

Prettier 2.5 ist erschienen. Dieser Open-Source-Codeformatierer soll dazu eignen, Schlüssel unbewusst und gemeinschaftlich zu formatieren und lässt sich mit verschiedenen Programmiersprachen und Editoren nutzen. Version 2.5 unterstützt TypeScript 4.5 sowie dasjenige Markdown-Format MDX in Version 2 und bringt Neuerungen zu Gunsten von die Formatierung von JavaScript, Hypertext Markup Language und mehr.

Syntax-Support zu Gunsten von TypeScript 4.5

Version 2.5 erlaubt dasjenige Formatieren welcher kürzlich mit TypeScript 4.5 eingeführten neuen Syntax-Optionen. Dazu zählen type Modifier hinaus Import-Namen sowie dasjenige ECMAScript Proposal “Private Field Presence Checks”, dasjenige überprüft, ob ein Objekt ein privates Feld verfügt:

// Example
class Foo {
  #prop1;
  method() {
    return #prop1 in this;
  }
}

Nebensächlich dasjenige ECMAScript Proposal “Import Assertions” zählt zu den neuen TypeScript-Features, die sich in Prettier formatieren lassen. Es soll sicherstellen, dass ein Import dasjenige erwartete Dateiformat aufweist. Daneben formatiert Prettier Dateien mit den Endungen .mts und .cts nun wie TypeScript.

Zudem weist dasjenige Prettier-Team hinaus zusammensetzen neuen Umgang mit Typendeklarationen hin, da welcher seitdem Version 2.3 genutzte Verfahren die Länge einer Type-Auszeichnung ändern und im Zuge dessen zu Git-Konflikten münden konnte. Die aktuelle Tapetenwechsel kann sich womöglich hinaus große Teile einer TypeScript-Codebasis auswirken.

Weitere Neuerungen

Die MDX-Version 2.0 brachte eine aktualisierte Kommentar-Syntax im JavaScript-Stil mit. Prettier 2.5 kann sowohl mit dieser neuen Kommentarform wie sekundär mit welcher bisherigen im Hypertext Markup Language-Stil umgehen, gewiss ist welcher Support welcher neuen Syntax hinaus einzeilige Kommentare verbohrt. Im Vergleich mit welcher Prettier-Vorversion sieht dasjenige aus wie folgt:

Input:
{/*A comment*/}

Prettier 2.4:
{/_A comment_/}

Prettier 2.5:
{/*A comment*/}

JavaScript-Schlüssel, den Prettier 2.4 im Rahmen des Strict Mode wie fehlerhaft kennzeichnete, formatiert Prettier 2.5 ohne Fehlermeldung:

// Input
function foo() { var Lokal = 1; delete Lokal; }

// Prettier 2.4
SyntaxError: Deleting local variable in strict mode. (1:31)
> 1 | function foo() { var Lokal = 1; delete Lokal; }
    |                               ^

// Prettier 2.5
function foo() {
  var Lokal = 1;
  delete Lokal;
}

Dies begründet dasjenige Prettier-Entwicklungsteam damit, dass dasjenige Testen hinaus fehlerhaften JavaScript-Schlüssel unter Lintern, Compilern und welcher Spieldauer verbleiben solle.

Vielseitiger Hinterlegung mit Erweiterungsmöglichkeit

Dies Codeformatierungs-Tool Prettier wurde 2017 ins Leben gerufen. Es ist mit verschiedenen Editoren kompatibel – darunter Visual Studio und Visual Studio Schlüssel, Emacs, Vim und JetBrains-IDEs wie WebStorm oder PHPStorm. Die von Prettier formatierbaren Programmiersprachen mit einem Hauptaugenmerk hinaus Webentwicklung zusammenfassen JavaScript, TypeScript, Angular, Markdown, Hypertext Markup Language und weitere, jedoch können Plug-ins den Support um zusätzliche Sprachen erweitern. Die Gemeinschaft hat unter anderem Plug-ins zu Gunsten von Kotlin, Java und Go-Templates beigesteuert.

Prettier ist Open Source via npm ( npm install --save-dev --save-exact prettier) oder yarn ( yarn add --dev --exact prettier) verfügbar, zusätzlich bietet Prettier eine Enterprise-Version an. Nebensächlich unter welcher Verwendung per Editor-Integration empfiehlt dasjenige Prettier-Team eine lokale Installation, um die gleiche Version in allen Projekten sicherzustellen.

Weitere Informationen zu Prettier 2.5 bietet ein Blogeintrag.

(mai)