Das ist neu in WebStorm 2022.3

Wir haben den Projektassistenten überarbeitet, der auf dem Begrüßungsbildschirm von WebStorm verfügbar ist. In v2022.2 hatten wir die Projektvorlagen für AngularJS, Cordova und Meteor entfernt. In diesem Release haben wir neue Projektvorlagen für Vite und Next.js hinzugefügt und die Vue-Vorlage an die neuesten Standards angepasst.

WebStorm now supports Vitest, a Vite-native unit test framework! Sie können Ihre Tests mit allen gewohnten Methoden – inklusive Randleistensymbole – ausführen, wiederholen und debuggen. Außerdem wird der Überwachungsmodus beim Szenario All Tests standardmäßig aktiviert. Auch Snapshot-Tests und Coverage werden im Überwachungsmodus unterstützt, sodass Sie bei der Programmierung nahezu sofortiges Coverage-Feedback erhalten.

WebStorm kann sich jetzt um unaufgelöste Importe kümmern und Vorschläge für den Import von Vue-Komponenten unterbreiten. Die weiteren Verbesserungen umfassen die Unterstützung für die Destrukturierungssyntax für Props, ein verbessertes Verhalten bei der Code-Completion und der Typprüfung für Props von Vue-Bibliothekskomponenten sowie mehrere Fehlerkorrekturen für Nuxt 3.

Dieses Release enthält noch eine weitere Verbesserung für Vue, die nähere Betrachtung verdient: neue Code-Snippets – oder Live-Templates, wie sie in WebStorm genannt werden. Sie können damit häufig verwendete Konstrukte wie script setup oder export default schneller eingeben. Erweitern Sie unter Preferences / Settings | Editor | Live Templates den Abschnitt Vue, um die verfügbaren Code-Snippets zu sehen.

Wir haben Unterstützung für die Typverengung in Angular-Templates hinzugefügt. Dadurch können präzisere Typinformationen und bessere Code-Completion-Vorschläge bereitgestellt werden. Außerdem schließt WebStorm jetzt den Cache-Ordner .angular von der globalen Suche aus, um relevantere Ergebnisse bereitzustellen.

Die aus Rider und IntelliJ IDEA bekannte Code-Vision-Funktionalität ist jetzt auch in WebStorm verfügbar! Code Vision ermittelt verschiedene Kennzahlen für Typen und Typmember und zeigt sie direkt neben der jeweiligen Deklaration an. Dadurch wird es einfacher, die Verwendung von Klassen, Methoden, Typ-Aliasnamen und Schnittstellen im Code zu verfolgen. Sie können Code Vision unter Preferences / Settings | Editor | Inlay Hints konfigurieren.

Wir haben mehrere Korrekturen für die Arbeit mit Monorepos und TypeScript in WebStorm umgesetzt. Die Navigation, die Autoimport-Funktion und das Rename-Refactoring funktionieren jetzt allesamt zuverlässiger. Dies gilt für alle gängigen Paketmanager wie npm, Yarn und pnpm.

WebStorm 2022.3 enthält eine neue Kontextaktion für die alphabetische Sortierung von JavaScript- und TypeScript-Objekten. Wenn Sie diese Aktion ausführen, werden alle Eigenschaften eines Objekts in alphabetische Reihenfolge gebracht. Um diese Aktion zu verwenden, markieren Sie die Objekte in der Methode, drücken Sie Alt+Enter und wählen Sie Sort properties alphabetically.

Anfang des Jahres haben wir ein geschlossenes Preview-Programm für die neue Bedienoberfläche der JetBrains-IDEs gestartet. Mit diesem ersten Schritt wollten wir einer begrenzten Anzahl von Benutzer*innen das überarbeitete UI-Design unserer IDEs vorstellen. Jetzt laden wir Sie herzlich ein, unter Preferences / Settings | Appearance & Behavior / New UI die neue Bedienoberfläche zu aktivieren und uns Feedback zu geben. To learn more about the changes, watch this webinar recording.

Damit Sie Ihren Arbeitsbereich komfortabler einrichten und WebStorm mit mehreren Bildschirmen verwenden können, lassen sich Toolfenster jetzt aus dem Hauptfenster herausziehen und an schwebende Editor-Tabs andocken.

Der Algorithmus zur Erstellung der Ergebnisliste in Search Everywhere wurde optimiert, um sie berechenbarer und treffsicherer zu machen. Die IDE lässt die zuerst angezeigten Suchergebnisse unverändert und sortiert sie nicht neu, wenn weitere Ergebnisse gefunden werden. Außerdem ist jetzt im Files-Tab das ML-Ranking aktiviert, um die Treffsicherheit der Ergebnisse zu erhöhen.

Das neue Plugin Settings Sync ist jetzt für WebStorm verfügbar. Die neue Lösung kann die meisten gemeinsam nutzbaren Einstellungen der Plattform, der integrierten Plugins und einiger Drittanbieter-Plugins synchronisieren. Bitte beachten Sie, dass wir die Unterstützung für das alte Plugin IDE Settings Sync einstellen und das Plugin Settings Repository aus dem Installationsumfang entfernen. Weitere Informationen finden Sie in diesem Blogeintrag.

Wir haben das in WebStorm integrierte Lerntool Tipp des Tages optimiert. Wir haben eine Funktion zur Bewertung von Tipps hinzugefügt und den Algorithmus für die Auswahl der Tipps überarbeitet. Unser Ziel dabei ist, Ihnen relevantere, auf Ihre Erfahrungen mit der IDE und Ihr aktuelles Projekt abgestimmte Tipps zu bieten.

Wir haben das Verhalten der Einfügeaktion (Strg+V) überarbeitet. Wenn Sie jetzt eine Zeile kopieren (Strg+C) oder ausschneiden (Strg+X), ohne dass Code ausgewählt ist, wird die kopierte Zeile beim Einfügen oberhalb der aktuellen Zeile und nicht wie früher an der Einfügemarke eingefügt. Sie können dieses Verhalten unter Preferences / Settings | Advanced Settings deaktivieren.

Wir haben eine Vorschaufunktion eingeführt, die Ihnen zeigt, was passieren wird, wenn Sie die ausgewählte Aktion anwenden. Die Vorschau erscheint, wenn Sie die Liste der verfügbaren Aktionen öffnen und den Mauszeiger über die unterschiedlichen Optionen bewegen. Während die Liste der Kontextaktionen geöffnet ist, können Sie die Vorschau durch Drücken von Strg+Q deaktivieren.

WebStorm 2022.3 will detect vulnerabilities in the packages used in your projects by checking the packages against the Checkmarx SCA Database and the National Vulnerability Database. Die IDE markiert Pakete, die als anfällig erkannt wurden, und schlägt Korrekturen vor, sofern verfügbar.

Ein neuer Quick-Fix ermöglicht das Unterdrücken von Inspektionen mit einem Kommentar in YAML-Dateien, einschließlich docker-compose.yml, Kubernetes-Dateien und OpenAPI-Spezifikationen. Wir haben außerdem eine praktische Option zum Einklappen von Kommentaren eingeführt, die aus mindestens drei Zeilen bestehen und mit # beginnen – verwenden Sie dafür die Plus- und Minussymbole links vom Kommentar.

WebStorm unterstützt jetzt Verbindungen zu Docker-Instanzen, die in WSL ausgeführt werden. Außerdem gibt es eine neue Kontextaktion Pull Docker image, vollständige Unterstützung für .dockerignore-Dateien und die Heredoc-Syntax, und Docker-Verbindungen können über Docker-Kontexte eingerichtet werden. Lesen Sie diesen Blogeintrag, um mehr zu erfahren.

Wir haben die Bedienoberfläche der Review-Liste überarbeitet, um die kognitive Belastung zu verringern und die wichtigsten Informationen zu Requests auf einen Blick erkennbar zu machen. Außerdem haben wir dafür gesorgt, dass alle unterstützten Review-Plattformen einheitlich aussehen und funktionieren.

WebStorm 2022.3 bietet eine alternative Möglichkeit, mit Projekten zu arbeiten, die sich in einem WSL2-Dateisystem befinden. Anstatt eine vollständige IDE unter Windows auszuführen, wird Ihr IDE-Backend direkt in WSL2 gestartet. Das Backend wird dabei genauso verbunden wie ein beliebiges Remote-System bei der Remote-Entwicklung mit WebStorm.

Der HTTP-Client unterstützt jetzt Skriptblöcke, die vor einer Anfrage ausgeführt werden. Sie können zum Beispiel vor der Ausführung der Anfrage Daten generieren und sie mithilfe von Variablen an die Anfrage übergeben. WebStorm stellt jetzt die сrypto-API bereit, die es ermöglicht, den md5- oder sha1-Hash einer HTTP-Anfrage zu berechnen.

Der HTTP-Client bietet jetzt bessere Formatierungsoptionen für Anfragen mit langen URLs. Sie können auch die Kontextaktion Put query parameters on separate lines verwenden, um die Anfrage in mehrere Zeilen aufzuteilen. Sie können Ihre Formatierungspräferenzen für HTTP-Anfragen unter Preferences / Settings | Editor | Code Style | HTTP Request | Wrapping und Braces festlegen.