Das ist neu in WebStorm 2020.1
WebStorm 2020.1 bietet ein optimiertes Erscheinungsbild, Unterstützung für Vuex und die Vue Composition API, eine Option zum Ausführen von Prettier beim Speichern sowie einige Verbesserungen für JavaScript und TypeScript.
Design
Neue Standardschrift im Editor
Seit einem Jahr arbeiten wir an einer Schriftart, mit der Sie entspannter programmieren können, ohne Ihre Augen zu überlasten. Begrüßen Sie JetBrains Mono, eine neue Open-Source-Schrift, die speziell für das Programmieren entwickelt wurde! WebStorm 2020.1 wird standardmäßig mit dieser neuen Schrift ausgeliefert.
Entwickeln ohne jede Ablenkung
Wir haben eine neue Zen-Ansicht eingeführt, um Ihnen zu helfen, sich ganz auf Ihren Code zu konzentrieren. Verwenden Sie diese Ansicht immer dann, wenn Sie in einem Vollbild-Editor mit zentriertem Quellcode und ausgeblendeter Bedienoberfläche arbeiten möchten, um die Ablenkung zu minimieren.
Dokumentationsanzeige ohne Klicken
Sie müssen das Dokumentations-Popup nicht mehr explizit aufrufen. Es reicht, mit der Maus über ein Symbol zu fahren – so lässt sich die zugehörige Dokumentation noch schneller finden. Wenn in Ihrem Code ein Problem erkannt wird, bietet das Popup auch gleich einen Quick-Fix an, mit dem das Problem behoben werden kann.
Einzeldateien in der IDE bearbeiten
Hatten Sie schon mal den Impuls, eine einzelne Datei für eine kurze Bearbeitung in der IDE zu öffnen? Mit dem neuen LightEdit-Modus können Sie eine einzelne Datei im Texteditor öffnen, ohne das gesamte Projekt laden zu müssen.
Anpassen der Statusleiste
Wenn Sie mit eingeblendeter Statusleiste arbeiten, haben Sie jetzt die Möglichkeit, die in der Statusleiste angezeigten Informationen genau festzulegen. Klicken Sie mit der rechten Maustaste auf die Statusleiste und entfernen Sie alle Elemente, die Sie nicht benötigen.
Frameworks
Arbeiten mit der Composition API
WebStorm 2020.1 unterstützt die Komponenten, die Vue 3 in der Composition API definiert. Im Vorlagenabschnitt der Komponente werden die Symbole, die von der setup()-Funktion der Komponente zurückgegeben werden, ordnungsgemäß aufgelöst und vervollständigt, inklusive Eigenschaften im reaktiven Zustand, berechnete Eigenschaften und Referenzen.
Programmierunterstützung für Vuex
Wenn Sie mit der Vuex-Bibliothek arbeiten, erhalten Sie jetzt beim Bearbeiten von Vue-Komponenten Vervollständigungsvorschläge für Symbole aus dem Vuex-Store. Außerdem können Sie mit WebStorm zur Definition von Gettern, Mutationen und Aktionen springen.
Vollständige Unterstützung von Angular 9
Die Arbeit mit Ivy und anderen Angular-9-Features wird Ihnen jetzt noch leichter fallen, denn WebStorm 2020.1 bietet volle Unterstützung für diese Sprachmerkmale. Sie können ohne jede Konfiguration Funktionen wie Codevervollständigung und automatische Importe in TypeScript- und Vorlagendateien verwenden.
Verbesserte React-Unterstützung
Um Import-Anweisungen für Komponenten hinzuzufügen, die per React.memo definiert wurden, müssen Sie nur den Textcursor zu einer Komponente bewegen und Alt+Enter drücken. Und wenn Ihr Projekt Material-UI-Komponenten verwendet, erhalten Sie jetzt Vervollständigungsvorschläge beim Erstellen von Stilen.
JavaScript & TypeScript
Neue, intelligente Intentions und Inspektionen
Mit den neuen intelligenten Intentions und Inspektionen (Alt+Enter) können Sie beim Programmieren viel Zeit sparen! So können Sie zum Beispiel vorhandenen Code ohne Aufwand für die Verwendung von optionaler Verkettung und/oder Nullish-Coalescing konvertieren – zwei Syntaxmerkmale, die in den neuesten Versionen von JavaScript und TypeScript eingeführt wurden.
Noch hilfreichere Kurzdokumentation
Bei JavaScript und TypeScript zeigt das Dokumentations-Popup jetzt weitere nützliche Informationen an, einschließlich Daten zu Typ und Sichtbarkeit sowie dem Definitionsort des Symbols.
Überarbeitete Benutzerführung für die Refaktorierung „Introduce Field“
Die überarbeitete Refaktorierungsoption Introduce Field zeigt eine Vorschau der Änderungen an, und zwar im Kontext des betreffenden Codes. Außerdem erfordert die Refaktorierung jetzt weniger Klicks.
Unterstützung für TypeScript-3.8-Merkmale
WebStorm 2020.1 wird mit TypeScript 3.8 ausgeliefert und bietet eine vollständige Unterstützung für die neuen Sprachmerkmale von TypeScript 3.8, zum Beispiel Nur-Typ-Importe/Exporte, private Felder und await auf der obersten Ebene.
Tools
Prettier beim Speichern ausführen
Mit der neuen Option Run on save for files bietet WebStorm die Möglichkeit, alle bearbeiteten Dateien, die in den IDE-Einstellungen angegeben wurden, beim Speichern mit Prettier zu formatieren. Dateiüberwachungen oder Plugins von Drittanbietern sind damit nicht mehr erforderlich.
Terminalsitzungen nebeneinander anzeigen
WebStorm erleichtert das Arbeiten mit dem integrierten Terminalemulator: Terminalsitzungen können jetzt vertikal und horizontal geteilt werden. So behalten Sie den Überblick über mehrerer gleichzeitig ausgeführte Tools, ohne zwischen Tabs wechseln zu müssen.
Rechtschreibprüfung im Lieferumfang
Ab Version 2020.1 wird WebStorm mit Grazie ausgeliefert, unserem intelligenten Tool zur Rechtschreib-, Grammatik- und Stilprüfung. Dies hilft Ihnen, in Kommentaren, Commit-Nachrichten und JavaScript-Sprachkonstrukten Grammatikfehler zu vermeiden.
Flexibleres Teilen von Run-Konfigurationen
Müssen andere Teammitglieder mit Ihrem Projekt arbeiten? Geben Sie einfach Ihre Run-Konfiguration für sie frei. WebStorm 2020.1 gibt Ihnen dabei noch mehr Flexibilität, denn Sie können jetzt Ihre Run-Konfigurationen in einem beliebigen Projektordner speichern.
Yarn 2 in TypeScript-Projekten
Wir haben die mit WebStorm 2019.3 eingeführte Erstunterstützung für Yarn 2 ausgebaut. Jetzt werden alle Symbole korrekt aufgelöst und werden in TypeScript-Projekten automatisch vervollständigt, wenn Abhängigkeiten mit Yarn 2 im Plug'n'Play-Modus installiert wurden.
Versionsverwaltung
Überarbeiteter Dialog für das Rebasing von Commits
Sie möchten Ihren Commitverlauf linearer und übersichtlicher machen? Mit dem aktualisierten, interaktiver gestalteten Dialog Rebasing Commits können Sie jetzt Ihr Ziel viel leichter erreichen. Sie sehen die Aktionen, die für die einzelnen Commits zur Verfügung stehen, können die Commit-Details und den Diff überprüfen und die angewendeten Änderungen schnell zurücksetzen.
Änderungen am Commit-Flow
Um den Commit-Flow zu optimieren, haben wir ein neues Commit-Toolfenster konzipiert, das Sie bei allen Commit-bezogenen Aufgaben unterstützt. Es ist standardmäßig für Neuinstallationen aktiviert. Wenn Sie das Produkt bereits nutzen, wird im modalen Dialogfeld Commit eine Eingabeaufforderung angezeigt, mit der Sie schnell zur neuen Benutzeroberfläche wechseln können.