Das ist neu in WebStorm 2022.2

Wir haben die Unterstützung von Angular 14 in WebStorm aktiv weiterentwickelt. Die wichtigste Neuerung in diesem Release ist die Unterstützung für Standalone-Komponenten. WebStorm erkennt jetzt korrekt Komponenten, Direktiven und Pipes, die als standalone: true markiert sind.

WebStorm 2022.2 bietet eine verbesserte Unterstützung für Vue 3. Zum Beispiel kann die IDE jetzt mit Typverengung in v-if/else-Direktiven umgehen. Verbessert wurde auch die Unterstützung für Pinia, eine vom Vue-Team empfohlene State-Management-Lösung, die als globaler Store fungiert. Sowohl die Completion als auch die Auflösung funktionieren jetzt in Vue für Elemente der Pinia-Bibliothek. Außerdem können Sie zu Statuseigenschaften und Aktionen navigieren, die im Store definiert sind.

WebStorm 2022.2 hat TypeScript 4.7 im Lieferumfang und unterstützt neue Sprachmerkmale wie module-Suffixe und ESM in Node.js. Die Importanweisung wird automatisch um die Erweiterung .js ergänzt, wenn module in Ihrer tsconfig.json auf node16 oder nodenext gesetzt ist. Außerdem unterstützt WebStorm das Feld typesVersions in package.json-Dateien.

Die Unterstützung für Remote-Entwicklungsworkflows ist jetzt standardmäßig als Beta verfügbar. Sie können eine Verbindung zu einem Remote-Rechner herstellen, auf dem ein IDE-Backend ausgeführt wird. Das Projekt auf dem Remote-System kann genauso einfach bearbeitet werden, als würde es sich auf Ihrem lokalen System befinden. Um loszulegen, öffnen Sie auf dem Begrüßungsbildschirm von WebStorm den Tab Remote Development. Weitere Informationen finden Sie in diesem Blogbeitrag.

In dieser Version finden Sie verschiedene Verbesserungen für die Arbeit mit Docker. WebStorm verbindet sich jetzt automatisch mit Docker, wenn Sie die IDE neu starten. Additionally, there is a new Copy Docker Image action and integration with Colima and Rancher.

WebStorm 2022.2 bietet Unterstützung für WebSocket-Verbindungen. Auch GraphQL-Anfragen werden jetzt unterstützt, sodass Sie GraphQL-Anfragen über HTTP und WebSocket senden können. Außerdem bietet Ihnen jetzt ein Randleistensymbol die Möglichkeit, vor dem Ausführen eine Ausführungsumgebung auszuwählen.

WebStorm verfügt jetzt über eine vorinstallierte Integration für JetBrains Space, unsere Komplettlösung für Softwareteams. Sie können Ihre IDE mit Ihrer Space-Organisation verbinden, um Projekt-Repositories anzuzeigen und zu klonen, komplexe Skripte unter Verwendung der Space-APIs zu schreiben und den Code Ihres Teams zu überprüfen.

Wenn Sie die Editor-Darstellung vergrößern oder verkleinern, wird jetzt die aktuelle Schriftgröße angezeigt, und Sie haben die Möglichkeit, die Standard-Schriftgröße wiederherzustellen.

Sie können jetzt mit einem Tastenkürzel die Schriftgröße für den gesamten Editor ändern. Mit Alt+Umschalt+. wird die Schrift vergrößert. Mit Alt+Umschalt+, wird sie verkleinert.

WebStorm bietet Dutzende Inspektionen, die Probleme in Ihrem Code finden und melden, damit Ihre Software fehlerfrei bleibt. In v2022.2 haben wir die Konfiguration für die Hervorhebung dieser Inspektionsergebnisse im Editor verbessert. Gehen Sie unter Preferences / Settings | Editor | Inspections zur gewünschten Inspektion und ändern Sie die Einstellung unter Highlighting in editor.

Wenn eine Ihrer Dateien als reine Textdatei interpretiert wird und keine Syntaxhervorhebung erfolgt, schlägt WebStorm jetzt vor, die eventuell unerwünschte Dateityp-Zuordnung direkt im Editor zurückzusetzen, ohne Preferences / Settings aufrufen und den Dateityp manuell konfigurieren zu müssen.

Sie können jetzt direkt vom Code-Completion-Popup im Editor zu den Auto-Completion-Einstellungen navigieren, um bei Bedarf die Funktionsweise der Auto-Completion anzupassen.

Mit Run-Konfigurationen können Sie Ihren Code ausführen, debuggen und testen. Wir haben die Option Current File hinzugefügt, um neuen Benutzer*innen den Einstieg in die Verwendung der Konfigurationen zu erleichtern. Wenn Sie die entsprechende Schaltfläche rechts daneben anklicken, verwendet WebStorm die für die aktuelle Datei am besten geeignete Run-Konfiguration – wie bei einer Ausführung der Datei über das Kontextmenü.

Unter macOS können Sie jetzt alle geöffneten Projektfenster als Tabs in einem gemeinsamen Fenster zusammenfassen. Sie finden diese Aktion im Hauptmenü unter Window | Merge All Project Windows.

Wir haben die Fortschrittsanzeige beim Klonen eines Repositorys auf dem Begrüßungsbildschirm von WebStorm verbessert. Die Anzeige des Fortschrittsbalkens direkt in der Projects-Liste sorgt für eine bessere Übersichtlichkeit.