Das ist neu in WebStorm 2025.1

Dieses Release führt neue Funktionen ein und behebt mehrere Probleme. Zu den zentralen Verbesserungen gehören wichtige Updates für JetBrains AI, eine erweiterte Angular-Unterstützung, eine bessere Monorepo-Unterstützung und eine Reihe von Optimierungen im Bereich der Nutzungserfahrung.

WebStorm goes AI

Neue KI-Abonnementoptionen

JetBrains AI hat ein umfangreiches Upgrade erhalten, das AI Assistant und Junie in einem einzigen Abonnement zusammenfasst. Ab diesem Release sind die KI-Funktionen kostenlos in JetBrains-IDEs zugänglich. Dabei können die Code-Completion und die Unterstützung für lokale Modelle unbegrenzt genutzt werden, während die Nutzung der Cloud-gehosteten Funktionen, einschließlich des Coding-Agents, über Credits erfolgt. Ein neues Abonnementsystem ermöglicht mit den Stufen AI Pro und AI Ultimate eine unkomplizierte Skalierung. Weitere Informationen finden Sie auf dieser Seite.

Unterstützung für weitere topaktuelle LLMs

Die Auswahl der für JetBrains AI Assistant verfügbaren Modelle wird stetig erweitert. Wir haben Unterstützung für Claude 3.7 Sonnet hinzugefügt, das jetzt in Amazon Bedrock bereitgestellt wird. Dies bedeutet, dass Sie von intelligenteren Antworten, schnelleren Informationen und einer noch reibungsloseren Nutzung profitieren werden. Die von AI Assistant angebotenen Modelle umfassen jetzt o1, o1-mini, o3-mini und GPT-4.1 (demnächst).

Konsistente Namensgebung für KI-generierte Unit-Tests

WebStorm erkennt jetzt bei der KI-gestützten Generierung von Unit-Tests automatisch das jeweilige Testframework. Diese Verbesserung stellt sicher, dass Tests unter Verwendung des richtigen Frameworks erstellt werden, was die Notwendigkeit manueller Anpassungen verringert und die Erstellung von Tests reibungsloser und effizienter macht.

Außerdem beachtet WebStorm jetzt die Namenskonventionen Ihres Projekts bei der KI-basierten Unit-Test-Generierung.

Verbesserte KI-Completion für Web-Frameworks

Für das Release 2025.1 haben wir uns auf die Verbesserung der KI-Completion für Web-Framework-Komponenten konzentriert. Diese Änderungen betreffen sowohl die lokale Ganzzeilen-Completion als auch die Completion-Vorschläge aus der Cloud.

Offlinemodus: Arbeiten mit lokalen Modellen

AI Assistant gibt Ihnen die Flexibilität, offline mit lokalen Modellen zu arbeiten oder die KI-Verarbeitung in der Cloud zu verwenden. Im neuen Offlinemodus können Sie jetzt ohne Internetverbindung arbeiten und trotzdem von KI-gestützten Programmierhilfen profitieren. Sie können lokale Modelle über Ollama oder LM Studio für Chats, Codeerzeugung, Commit-Nachrichten, die Generierung von Inline-Dokumentationen und mehr verwenden.

Unterstützung für Angular

Unterstützung für Signalabfragen in Angular 17.2

WebStorm unterstützt jetzt die in Angular 17.2 eingeführten Signalabfragen und stellt damit bessere Codeinformationen und Navigationsfunktionen für diesen modernen reaktiven Dependency-Injection-Ansatz bereit. Durch dieses Update bietet WebStorm eine treffsichere Typinferenz für Signalabfragen, verbessert die Code-Completion in Abfrageausdrücken und optimiert die Navigation zwischen Signalen und ihren Verwendungen.

Verbesserte Unterstützung für reaktive Formulare

WebStorm stellt jetzt in reaktiven Angular-Formularen Code-Completion und -Generierung für FormGroup, FormArray, FormControl und FormBuilder bereit. Dieses Update vereinfacht die Definition und Verwaltung von Formularstrukturen, verringert den manuellen Aufwand und erhöht das Entwicklungstempo. Dank verbesserter Completion-Vorschläge und Quick-Fixes ist die Arbeit mit reaktiven Formularen jetzt noch intuitiver und effizienter.

Verbesserte Eigenschaftsvorschläge für Angular-Bindungen

WebStorm bietet jetzt bessere Vorschläge für Eigenschaftenbindungen, die das Arbeiten mit gebundenen Komponenteneigenschaften erleichtern. Beim Definieren von Bindungen in Templates erhalten Sie eine präzisere Auto-Completion und Validierung, wodurch Fehler reduziert und Angular-Anwendungen schneller entwickelt werden können.

Komponenten-Templates extrahieren oder in Inline-Code umwandeln

WebStorm erleichtert jetzt das Refactoring zwischen Inline- und separaten Templates in Angular-Komponenten. Mit einer einzigen Aktion können Sie ein Inline-Template in eine separate Datei (templateUrl) und wieder zurück konvertieren, um Ihren Workflow zu optimieren und Ihre Codestruktur zu verbessern.

Benutzererfahrung

Automatische Run-Konfigurationen für Next.js Experimentell

WebStorm generiert jetzt automatisch Run-Konfigurationen für Next.js-Projekte und erleichtert damit das Einrichten und Debuggen von Full-Stack-Anwendungen.

Schwebende Symbolleiste Show Context Actions

WebStorm 2025.1 zeigt eine neue schwebende Symbolleiste an, wenn Sie Alt+Enter drücken oder Code auswählen. Die Symbolleiste bietet schnellen Zugriff auf KI-Funktionen, Refactoring, Codeformatierung und Surround With-Aktionen.

Erstellung neuer Dateien im Project-Toolfenster

Sie können jetzt noch einfacher neue Dateien erstellen. Über das +-Symbol in der Symbolleiste des Project-Fensters können Sie direkt ein Popup mit den verfügbaren Vorlagen aufrufen, und im Suchfeld können Sie schnell die Optionen filtern und den gewünschten Dateityp finden.

Option für automatische Plugin-Updates

Sie können WebStorm so einstellen, dass Plugins automatisch im Hintergrund aktualisiert werden. Verfügbare und kompatible Updates werden heruntergeladen und beim nächsten Neustart der IDE ohne zusätzliche Benachrichtigungen installiert. Sie können automatische Updates aktivieren, indem Sie im Update-Dialog das Kontrollkästchen Enable auto-update anklicken oder unter File | Settings | Appearance & Behavior | System Settings | Updates die entsprechende Einstellung aktivieren.

In Hauptsymbolleiste integriertes Hauptmenü unter Windows und Linux

Unter Windows und Linux bietet die IDE jetzt eine neue Option zum Integrieren des Hauptmenüs in die Hauptsymbolleiste, um die Bedienoberfläche übersichtlicher zu gestalten.

Frameworks und Technologien

Verbesserte Vue- und Nuxt-Unterstützung

WebStorm erleichtert jetzt das Anlegen neuer Vue-Projekte durch die Integration von Nuxt CLI (nuxi) in den Assistenten New Project.

Auch die Unterstützung globaler Vue-Eigenschaften wurde verbessert, indem benutzerdefinierte Eigenschaften, die durch Modulerweiterungen hinzugefügt wurden, korrekt aufgelöst werden. Außerdem wurden Probleme mit der Auto-Completion und dem automatischen Import von Komponenten in Paketen, die mit __VLS_WithTemplateSlots deklariert wurden, behoben. Das Ergebnis ist eine zuverlässigere Entwicklungserfahrung in Vue-Projekten.

Monorepo-Unterstützung

Unterstützung von Prettier-Konfigurationen für Unterprojekte

WebStorm berücksichtigt jetzt projektspezifische Prettier-Konfigurationen. Dadurch können Sie in den einzelnen Teilen Ihrer Monorepo- oder Multiprojekt-Installation separate Formatierungsregeln verwenden. Diese Verbesserung gewährleistet mehr Flexibilität und Einheitlichkeit, wenn Sie mit unterschiedlichen Codebeständen arbeiten, für die jeweils eigene Stilvorgaben gelten.

Verbesserte Pfadalias-Unterstützung für Autoimporte in Monorepos

Wir haben die Handhabung des exports-Feldes in WebStorm überarbeitet. Dadurch werden Auflösungen, Autoimporte, Navigation und Code-Completion verbessert. Besonders nützlich ist dies in Monorepo-Projekten mit komplexen exports-Felddeklarationen in der package.json-Datei.

Bessere Code-Completion und Navigation in großen Nx-Monorepos

WebStorm bietet jetzt schnellere und zuverlässigere Completion- und Navigationsfunktionen für große TypeScript-Monorepos, die Nx verwenden. Dieses Update stellt sicher, dass Code-Completion, Navigation und Autoimporte selbst in komplexen Workspaces mit zahlreichen Projekten reibungslos funktionieren.

GraphQL und Prisma

Verbesserte Prisma-Unterstützung

WebStorm bietet jetzt eine verbesserte Prisma-Unterstützung, einschließlich ULID-Erkennung (ULID = eindeutiger lexikographisch sortierbarer Bezeichner) mit korrekter Syntaxhervorhebung, Validierung und Auto-Completion. Außerdem werden mehrzeilige Kommentare in Prisma-Schemata jetzt vollständig unterstützt, was die Dokumentation von Datenbankstrukturen mit längeren Erklärungen erleichtert.

Verbesserte GraphQL-Unterstützung in getaggten Templates

WebStorm bietet jetzt automatisch eine GraphQL-Syntaxhervorhebung und -Validierung für Templates, die im gql(query)-Stil getaggt sind. Dies ermöglicht Verbesserungen bei der Code-Completion, Fehlerprüfung und Formatierung und erleichtert die Arbeit mit GraphQL-Abfragen in JavaScript- und TypeScript-Dateien.