Das ist neu in WebStorm 2023.3

Wir haben die Unterstützung für strikte Typprüfungen in Angular-Templates verbessert. Außerdem bieten wir nun eine Erstunterstützung für die neue Kontrollfluss-Syntax aus v17 sowie Signale, einschließlich Live-Templates wie signal, computed und effect. Mit Alt+Enter können Sie außerdem auf neue Quick-Fixes zugreifen. Zum Beispiel können Sie @Input- und @Output-Eigenschaften aus einer Komponenten-Template erstellen. Weitere Informationen finden Sie in diesem Blogartikel.

Wir haben die integrierte Unterstützung für das TypeScript-Plugin hinzugefügt, um konsistentes Highlighting und schnelle Dokumentation für TypeScript-Dateien in Ihren Svelte-Projekten bereitzustellen. Wir haben eine stabilere Methode für den Autoimport von Komponenten umgesetzt, die sowohl beim Übernehmen von Completion-Vorschlägen als auch beim Kopieren/Einfügen und bei Alt+Enter funktioniert. Wir haben auch die Unterstützung für Exporte aus context="module"-Skripten verbessert und die Unterstützung für Null-Aufwand-Typsicherheit auf TypeScript-Dateien (zusätzlich zu Svelte-Dateien) erweitert.

Wir haben Unterstützung für defineSlots eingeführt, mit Completion und Navigation für slot-Namen und -Eigenschaften sowie einem Rename-Refactoring. Die Completion funktioniert jetzt auch für Eigenschaften mit defineExpose. Außerdem werden erforderliche Importe für Komponenten basierend auf dem von der Funktion defineOptions spezifizierten Namen hinzugefügt.

JetBrains AI Assistant ist jetzt allgemein verfügbar und bietet eine Reihe von neuen und verbesserten Funktionen, die Ihre Produktivität bei der Arbeit mit JetBrains-IDEs steigern. Zu den neuesten Updates zählen eine verbesserte Codegenerierung direkt im Editor, ein kontextspezifischer KI-Chat, der Antworten auf projektbezogene Fragen gibt, ohne dass Sie Code kopieren müssen, sowie projektbezogene KI-Aktionen, die durch Berücksichtigung des erweiterten Kontexts zielgenauere Ergebnisse liefern. Sie können AI Assistant in WebStorm als Zusatzfunktion mit einem Abonnement für den JetBrains AI Service verwenden.

WebStorm erkennt automatisch Ihre Cypress- und Playwright-Tests, sodass Sie diese per Mausklick ausführen oder debuggen können. Die Unterstützung umfasst auch die Möglichkeit, in der Test-Baumstruktur die Ergebnisse zu überprüfen und Probleme zu lokalisieren. Sie können die Unterstützung mit dem Testautomatisierungs-Plugin erweitern, das einen eingebetteten Browser und erweiterte Code-Einsichten bereitstellt.

Der native Test-Runner von Node.js wird jetzt ebenfalls unterstützt. Tests, die mit der node:test-API deklariert wurden, werden jetzt erkannt, und Sie können sie über Symbole in der Randleiste ausführen und debuggen. Zur Erweiterung der Unterstützung planen wir für das nächste Release einige weitere Verbesserungen.

WebStorm 2023.3 behebt einige der Unstimmigkeiten, die beim Hinzufügen von import type-Anweisungen auftreten können. Die Verwendung der TypeScript-Anweisung „import type“ bzw. des Spezifizierers „type“ beim Importieren eines Typs kann jetzt konfiguriert werden. Außerdem haben wir bei TypeScript-Dateien das Verhalten für das Feld exports in der Datei package.json verbessert.

Wenn Sie HTML-Code in eine JSX-Datei einfügen, konvertiert PhpStorm jetzt nicht nur Attribute, sondern schließt darüber hinaus auch Einzeltags für Sie. Sie können diese Option unter Settings | Editor | General | Smart Keys | JavaScript konfigurieren.

Wir haben die Updates zur Interop 2023-Initiative verfolgt, die die CSS-eigenen @property einführt. WebStorm 2023.3 bietet Inspektionen und Completion für diese Eigenschaften.

WebStorm 2023.3 führt eine überarbeitete Methode zur Überprüfung von Änderungen ein. Anstatt jede Datei einzeln durchzugehen, können Sie jetzt alle geänderten Dateien eines Changesets in einem einzigen, scrollbaren Rahmen betrachten. Dieser neue Diff-Betrachter ist mit GitLab und GitHub kompatibel.

Wir erweitern die in CLion 2023.2 eingeführte GitLab-Integration um die Unterstützung von GitLab-Snippets. Sie haben jetzt die Möglichkeit, direkt in der IDE öffentliche oder private Snippets zu erstellen.

Mit der neuen Inlay-Option Run to Cursor können Sie beim Debuggen den Code unkompliziert bis zu einer bestimmten Codezeile ausführen. Wenn Ihr Programm angehalten ist, können Sie den Mauszeiger auf die Zeile bewegen, bis zu der Sie den Code ausführen möchten, und das Popup Run to Cursor anklicken. Sie können diese Funktion auch aufrufen, indem Sie das Tastenkürzel Alt + F9 drücken, während die Einfügemarke auf der gewünschten Zeile liegt.

Wir haben die Structure-Ansicht verbessert, um in großen .http-Dateien eine einfachere Navigation zu ermöglichen. Dieses Update führt außerdem farbige Etiketten für Anfragetypen ein und bietet eine klarere Auflistung der jeweiligen Inhalte. Als weitere Neuerung können Variablen mit @ deklariert werden, und für die Authentifizierung wurden die OAuth-2.0-Grant-Typen „Passwort“ und „Client-Zugangsdaten“ hinzugefügt.

WebStorm 2023.3 führt ein überarbeitetes Produktsymbol für macOS ein, das an die Stilrichtlinien des Betriebssystems angepasst wurde.

Wir haben die Funktionalität zum Speichern mehrerer Toolfenster-Layouts um eine Default-Option erweitert, mit der Sie Ihren Arbeitsbereich unkompliziert auf das Standardlayout zurücksetzen können. Sie können dieses Layout über Main Menu | Window | Layouts aktivieren.

Wir haben eine Option implementiert, mit der Sie die Hauptsymbolleiste im Standard-Darstellungsmodus der IDE ausblenden können. Um die Hauptsymbolleiste auszublenden, wählen Sie im Hauptmenü den Eintrag View | Appearance aus und deaktivieren Sie die Option Toolbar.

Um die Navigation im Editor bei der gleichzeitigen Arbeit mit verschiedenen Dateitypen zu vereinfachen, haben wir die standardmäßige farbcodierte Hervorhebung von Editor-Tabs – entsprechend den Farben im Project-Toolfenster – wieder eingeführt.

Die Funktion Speed Search, mit der Sie mühelos in Toolfenstern und Dialogen navigieren können, ist jetzt über ein Tastenkürzel zugänglich. Sobald der Fokus auf einer Baumstruktur oder Liste liegt, können Sie die Suche unkompliziert über das Optionsmenü des Toolfensters aufrufen, indem Sie Strg+F drücken.