Das ist neu in WebStorm 2024.3

Wir haben die im Editor angezeigten Hinweise für Vue-, Svelte- und Astro-Komponenten verbessert. Die Aktion Show component usages findet jetzt Verwendungen sowohl in Importen als auch in Markup-Templates. Wir haben auch einen Filter Show Component Usages hinzugefügt, um Komponentenverwendungen bei der Suche nach regulären Dateireferenzen auszuschließen. Das Rename-Refactoring bietet wiederum eine neue Option zum Einbeziehen von Verwendungen beim Umbenennen einer Komponentendatei.

Die Unterstützung für Datenbanktools sowie eine vollständige SQL-Unterstützung waren bisher über ein kostenpflichtiges Plugin verfügbar. Diese Funktionalität ist jetzt ohne Zusatzkosten in WebStorm integriert. Sie können direkt in der IDE Datenbanken abfragen, anlegen und verwalten. Damit erweitert WebStorm Ihre Möglichkeiten bei der Backend- und Full-Stack-Entwicklung. Auch der Wechsel zwischen JetBrains-IDEs wird hierdurch erleichtert, da die meisten unserer IDEs diese Funktionalität enthalten.

Wir haben daran gearbeitet, die wichtigsten Qualitätsprobleme bei der Verwendung von AI Assistant auszuräumen. Dieses Release verbessert die Code-Completion für JavaScript und TypeScript und führt eine Completion-Funktionalität für HTML und CSS ein. Durch die Kombination von lokalen ganzzeiligen Vorschlägen mit Cloud-basierten Vorschlägen der JetBrains-eigenen LLMs haben wir die Geschwindigkeit und Treffsicherheit erhöht und gleichzeitig irrelevante Vorschläge reduziert.

Weitere Einzelheiten finden Sie in diesem Blogartikel.

Die Farbvorschau für Tailwind-CSS-Klassen wird jetzt inline im Editor angezeigt, sodass Sie Farben leichter unterscheiden können. Wir unterstützen jetzt die Methode textDocument/documentColor aus dem Language Server Protocol (LSP), sodass alle LSP-basierten Plugins standardmäßig über diese Funktionalität verfügen.

In Projekten mit Angular 19 verwendet WebStorm jetzt den Standalone-Modus für Komponenten, Direktiven und Pipes. Es wurden Quick-Fixes hinzugefügt, um die Konvertierung zwischen Standalone- und Nicht-Standalone-Komponenten zu erleichtern. Bei der Neuformatierung des Codes oder mithilfe einer neuen Inspektion können ungenutzte Standalone-Importe automatisch entfernt werden. Die Unterstützung für die @let-Syntax wurde ebenfalls verbessert.

WebStorm berücksichtigt jetzt .prettierignore-Dateien, die sich in einem Unterordner mit einer package.json-Datei befinden, sodass ignorierte Dateien nicht formatiert werden. Mit einer neuen Option in Settings | Languages & Frameworks | JavaScript | Prettier können Sie auch benutzerdefinierte Ignore-Dateien angeben.

Der Vue Language Server wird jetzt mit WebStorm mitgeliefert, um die Zuverlässigkeit zu erhöhen und Probleme beim Laden in WSL zu vermeiden. In Zukunft wollen wir dies auch für Svelte, Astro und andere Technologien implementieren.

Wir haben Unterstützung für das Attribut <script module> hinzugefügt, sodass Symbole aus diesen Blöcken korrekt aufgelöst werden. Mit einem neuen Kontrollkästchen können Sie außerdem die a11y-Warnungen von SvelteKit deaktivieren, um mehr Kontrolle über die Warnungen zur Barrierefreiheit zu haben.

Wir haben die Platzierung der Rename-Aktion im Kontextmenü optimiert, wenn dieses für Elemente im Editor und im Project-Toolfenster aufgerufen wird. Die Aktion befindet sich jetzt auf der obersten Ebene, sodass es einfacher ist, Dateien, Variablen und andere Elemente schnell umzubenennen.

WebStorm schließt jetzt standardmäßig node_modules-Ergebnisse aus, wenn Sie Find in Files in Projektverzeichnissen verwenden, sodass die Menge an irrelevanten Dateien reduziert wird. Sie können das bisherige Verhalten wiederherstellen, indem Sie die Option Search in library files when “Directory” is selected in Find in Files unter Settings | Advanced Settings aktivieren.

In der Standardeinstellung hebt WebStorm jetzt automatisch alle Vorkommen des ausgewählten Texts in der jeweiligen Datei hervor. So können Sie leichter erkennen, wo Ihr ausgewählter Text in Ihrem Code erscheint. Sie können die Funktion unter Settings | Editor | General | Appearance anpassen.

Bisher war der Ordner .idea – der Ort, an dem WebStorm interne Konfigurationseinstellungen speichert – standardmäßig versteckt. Dies erschwerte es einigen Benutzer*innen, projektweite Konfigurationen zu committen. Um dieses Problem zu beheben, haben wir das Verzeichnis im Project-Toolfenster sichtbar gemacht.

WebStorm schließt jetzt nicht benötigte Dateien im Ordner dist automatisch von der Indizierung aus, um die CPU-Nutzung zu optimieren und die Indizierung zu verkürzen.

Sie können jetzt Hintergrundprüfungen während des Commit-Vorgangs mit einer neuen Option unter Settings | Version Control | Commit | Advanced Commit Checks | Run advanced checks after a commit is done verwalten. Mit dieser Einstellung können Sie festlegen, ob Tests und Inspektionen nach einem Commit ausgeführt werden sollen. Wenn Sie warten möchten, bis diese Prüfungen abgeschlossen sind, deaktivieren Sie diese Option einfach.