Das ist neu in WebStorm 2021.3

Wir haben private Felder bereits seit 2018 unterstützt. Diese Unterstützung basierte jedoch auf dem alten TC39-Proposal, von dem der Standard seitdem abgewichen ist. Um dem Standard zu entsprechen, haben wir die bestehende Unterstützung von Grund auf überarbeitet. WebStorm 2021.3 unterstützt private Klassenmember gemäß dem Standard ES2022.

Um Remote-ES6-Module herunterzuladen, können Sie nun in ES6-Dateien einen Quick-Fix auf den Importpfad anwenden. Das Modul wird mit allen Abhängigkeiten heruntergeladen und als Projektbibliothek verknüpft. Um die Funktion auszuprobieren, legen Sie die Einfügemarke auf den Importpfad, drücken Sie Alt+Enter und wählen Sie Download module.

Wir haben die Zuordnung zwischen .js- und .d.ts-Dateien verbessert und für eine einfachere Navigation zwischen ihnen Randleistensymbole hinzugefügt. Weitere Details zu den Änderungen finden Sie in diesem Blogbeitrag.

In WebStorm 2021.3 können Sie npm-Pakete direkt im Editor auf die neueste Version aktualisieren! Öffnen Sie die Datei package.json, legen Sie die Einfügemarke auf die Paketversion, die Sie aktualisieren möchten, drücken Sie Alt+Enter und wählen Sie dann Update ‘Paketname’ to the latest version. Wenn Sie mit der Maus über die Paketversion fahren, wird außerdem ein Quick-Fix angezeigt.

Um Ihnen die Arbeit mit Deno in WebStorm zu erleichtern, haben wir auf Deno LSP umgestellt und eine Reihe von Problemen behoben. In diesem Blogbeitrag erfahren Sie mehr darüber, wie Sie mit Deno loslegen können.

Wir haben die Funktionsweise der HTML-Completion verbessert. Wenn Sie im Editor einen Tag-Namen oder eine Abkürzung eingeben oder die Code-Completion explizit aufrufen, zeigt WebStorm sofort relevante Vorschläge an. Bisher wurden die Vorschläge nur angezeigt, wenn Sie das <-Zeichen eingegeben haben. Außerdem sollte die Code-Completion für Zeichenentitäten jetzt besser funktionieren.

WebStorm 2021.3 unterstützt die Typprüfung in Vue-Vorlagen. Die IDE warnt Sie, wenn in einem Ausdruck, der an eine Eigenschaft gebunden ist, der falsche Typ verwendet wird. Dies funktioniert auch bei React-Attributen.

In dieser Version haben wir den integrierten HTTP-Client von WebStorm erheblich verbessert. Die neuen Funktionen umfassen die Unterstützung für binäre Antworten, die Ausgabeumleitung in eine benutzerdefinierte Datei oder ein benutzerdefiniertes Verzeichnis und noch einiges mehr.

WebStorm 2021.3 unterstützt eine Beta-Version unseres neuen Remote-Entwicklungsworkflows. Sie können jetzt eine Verbindung zu einem Remote-Rechner herstellen, auf dem ein IDE-Backend ausgeführt wird. Das Projekt auf dem Remote-Rechner kann genauso einfach bearbeitet werden, als würde es sich auf Ihrem lokalen System befinden. Ermöglicht wird dies durch unsere neue Anwendung JetBrains Gateway. Weitere Einzelheiten finden Sie in diesem Blogbeitrag.

In dieser Version haben wir einige wichtige Verbesserungen eingeführt, um eine Docker-Installation von Node.js zu unterstützen, die von den WebStorm-Integrationen mit JavaScript-Tools verwendet wird. Sie können jetzt den Node.js-Remote-Interpreter mit ESLint, Jest, Mocha und npm verwenden. Weitere Informationen finden Sie in diesem Blogbeitrag.

Sie können jetzt in Ihrer SSH-Konfiguration unter Preferences / Settings | Tools | SSH Configurations einen HTTP- oder SOCKS-Proxyserver angeben. Im neuen Abschnitt HTTP/SOCKS Proxy können Sie den Proxy-Typ auswählen, einen Hostnamen und einen Port festlegen und bei Bedarf Anmeldenamen und Passwort für die Authentifizierung angeben.

Sie führen mehrere Konfigurationen parallel aus und möchten die Ergebnisse gleichzeitig sehen? Teilen Sie das Run-Toolfenster horizontal oder vertikal! Ziehen Sie dazu den gewünschten Tab in den markierten Bereich und legen Sie ihn dort ab. Um die Teilung aufzuheben, ziehen Sie den Tab auf die Tableiste zurück oder klicken mit der rechten Maustaste auf den oberen Fensterbereich und wählen im Kontextmenü den Eintrag Unsplit aus.

Bisher waren in WebStorm zwei sehr ähnliche Fenster vorhanden – Favorites und Bookmarks. Da der Unterschied zwischen den beiden manchmal nicht ganz klar war, haben wir uns entschieden, nur eines zu behalten – Bookmarks. Wir haben den Workflow für diese Funktionalität überarbeitet und ein neues Toolfenster dafür erstellt. Ab sofort finden Sie alle Dateien, Ordner und Klassen, die Sie mit F11 als wichtig markiert haben, im neuen Bookmarks-Toolfenster.

Wenn Sie die Verwendungen eines Symbols aufgerufen haben, indem Sie Strg+Alt+F7 gedrückt oder mit gedrückter Strg-Taste auf die Definition geklickt haben, können Sie jetzt die Quellcode-Vorschau für eine Verwendung aktivieren, indem Sie auf das quadratische Symbol klicken.

Das integrierte Terminal von WebStorm unterstützt jetzt die neue ConPTY-API unter Windows. Durch diese Neuerung konnten wir mehrere Probleme beheben und Unterstützung für 24-Bit-Farben hinzufügen. Außerdem nimmt die neue Type-Ahead-Unterstützung Textänderungen vorweg und zeigt sie sofort hellgrau an. Dadurch können Sie im Terminal ohne Verzögerung tippen, egal ob es sich um ein lokales oder entferntes System handelt.

Wir haben die Einträge unter Preferences / Settings | Version Control neu strukturiert, um die wichtigsten Konfigurationsoptionen leichter auffindbar zu machen. Die Einstellungen unter dem Git-Knoten sind jetzt zum Beispiel in Abschnitte unterteilt, die den wichtigsten Abläufen entsprechen: Commit, Push und Update. Außerdem sind die Parameter in diesen Abschnitten jetzt sinnvoller strukturiert.

Manchmal kann es passieren, dass Sie mehrere veröffentlichungsreife Commits haben, während andere noch in Bearbeitung sind. In solchen Fällen möchten Sie vielleicht nur Commits pushen, von deren Qualität Sie überzeugt sind. WebStorm bietet Ihnen jetzt die Möglichkeit, einen Commit im Log-Tab des Git-Toolfensters auszuwählen und nur die Commits bis zu diesem ausgewählten Commit zu pushen. Wählen Sie einfach den Commit aus, klicken Sie mit der rechten Maustaste darauf und wählen Sie Push All up to Here.

Mit der Aktion Checkout und Rebase onto Current können Sie den ausgewählten Branch auschecken und ein Rebasing auf dem aktuell ausgecheckten Branch durchführen. Bisher war diese Aktion nur für lokale Branches verfügbar. Ab v2021.3 können Sie sie auch für Remote-Branches verwenden.

Bisher zeigte WebStorm den Unterschied zwischen Commits in einem separaten Dialog an. Ab dieser Version zeigt die IDE diese Informationen in einem neuen Changes-Toolfenster an. Um das neue Toolfenster zu öffnen, klicken Sie auf dem Log-Tab Ihrer Versionsverwaltung mit der rechten Maustaste auf eine Revision und wählen Sie im Kontextmenü den Eintrag Compare with local aus.