Das ist neu in WebStorm 2019.2

JavaScript & TypeScript

Vervollständigungs-Popup mit neuem Design

Das Vervollständigungs-Popup wurde überarbeitet, um eine noch sinnvollere Nutzung zu ermöglichen.

Die Darstellung von Vervollständigungsvorschlägen in JavaScript und TypeScript ist jetzt klarer und einheitlicher. Es ist jetzt leichter erkennbar, wo ein Symbol definiert ist und ob es zur Standard-API der Sprache gehört. Es gibt auch ein neues Icon für Symbole mit mehreren Definitionen.

Neue, intelligente Intentions

Mit der neuen Intention Propagate to destructuring (Alt-Enter) können Sie (sofern möglich) eine Extra-Variable durch eine weitere Destrukturierung ersetzen. Um eine Destrukturierung vollständig zu entfernen, verwenden Sie die Intention-Aktion Replace destructuring with property or index access.

Die IDE warnt Sie jetzt, wenn ein Boolescher Ausdruck in einer Bedingung unnötige Teile enthält, und schlägt eine Vereinfachung vor.

Verbesserte Umbenennungs-Refaktorierung

Wenn Sie ein Symbol in einer JavaScript- oder TypeScript-Datei umbenennen, gruppiert die IDE jetzt dynamische Verwendungen und schließt sie standardmäßig von der Refaktorierung aus. Dies macht die Refaktorierung präziser und gibt Ihnen im Toolfenster Refactoring Preview mehr Kontrolle darüber, was genau umbenannt werden soll.

Vue.js

Bessere Unterstützung für Vue.js-Komponentenbibliotheken

Verwenden Sie Vuetify, BootstrapVue oder Quasar in Ihrer Vue.js-Anwendung? Dann freuen Sie sich auf eine präzisere Vervollständigung von Komponenten und Props aus diesen und mehreren anderen Vue-Komponentenbibliotheken. Möglich wurde dies durch einen neuen Ansatz bei der Nutzung dieser Bibliotheken in der IDE.

Codebearbeitung

Syntaxhervorhebung für mehr als 20 Sprachen

Arbeiten Sie gelegentlich mit PHP- oder Python-Dateien in WebStorm? Die Syntaxhervorhebung ist jetzt ohne weitere Konfiguration für diese und viele weitere Sprachen verfügbar – dank der TextMate-Grammatikdateien, die mit der IDE ausgeliefert werden.

Vervollständigung von fehlerhaften Schlüsselwörtern und Bezeichnern

Haben Sie schon einmal im Eifer des Gefechts funtcion oder fnction statt function eingegeben? Ab sofort ist die Codevervollständigung auf solche Fehler vorbereitet und schlägt Ihnen die relevanteste Alternative vor. Dies funktioniert in allen unterstützten Sprachen und für alle Symbole – Schlüsselwörter, Klassen, Funktionen, Komponenten usw.

Unterstützung für Shell-Skripte

WebStorm kann Ihnen jetzt bei der Arbeit mit Shell-Skripten helfen. Die Codevervollständigung funktioniert in .sh- und .bash-Dateien, eine neue Run-Konfiguration ist verfügbar und die IDE ermöglicht die Integration von ShellCheck fürs Linting und shfmt für die Codeformatierung.

Suche nach dupliziertem Code

Mit der neuen Inspektion Duplicate code fragment können Sie jetzt Codeabschnitt-Duplikate in Ihrem Projekt finden. Ihr Code wird direkt während der Eingabe geprüft, und potenzielle Duplikate werden im Editor hervorgehoben. Die Funktion ist für JavaScript, TypeScript, CSS, Sass, SCSS und Less verfügbar.

IDE

Codestil für einzelne Ordner mit EditorConfig

Sie können jetzt in den verschiedenen Teilen eines Projektes unterschiedliche Codestile verwenden, indem Sie mehrere .editorconfig-Dateien anlegen. Neben den EditorConfig-Standardoptionen, die seit langem unterstützt werden, können Sie jetzt auch IDE-spezifische Eigenschaften verwenden, die alle verfügbaren Codestil-Optionen der IDE abdecken.

Mehrere Projekte in einem Fenster öffnen

Wenn Sie ein Projekt in WebStorm geöffnet haben und ein anderes öffnen möchten, können Sie nun das zweite Projekt an das geöffnete Projekt anhängen, um beide in demselben IDE-Fenster zu sehen. Um das angehängte Projekt zu schließen, klicken Sie in der Projektansicht mit der rechten Maustaste auf den Projektstamm und wählen Sie Remove from Project View.

Aktualisierte Plugin-Konfiguration

Auf der aktualisierten Plugin-Seite in den IDE-Einstellungen lässt sich das gesuchte Plugin viel einfacher finden – die Plugin-Beschreibung wird jetzt direkt neben der Liste der verfügbaren Plugins angezeigt. Wir haben die Registerkarte Updates entfernt und durch eine neue Update-Schaltfläche neben dem Plugin im Bereich Installed ersetzt.

Um alle heruntergeladenen Plugins zu deaktivieren oder zu aktivieren, klicken Sie auf das Zahnradsymbol und wählen Sie die entsprechende Option.

Versionsverwaltung

Vervollständigung in .gitignore

In .gitignore-Dateien bietet die IDE Vervollständigungsvorschläge für Datei- und Ordnernamen. Durch Cmd/Strg-Klick auf einen Namen können Sie in der Projektansicht zu der Datei oder dem Ordner springen. Sie können jetzt schnell eine Datei auf die .gitignore-Liste aufnehmen. Klicken Sie auf der Registerkarte Local Changes mit der rechten Maustaste auf die entsprechende Datei in der Gruppe Unversioned files, und wählen Sie Add to .gitignore.