Das ist neu in WebStorm 2019.3

Performance

Schnelleres Starten

Langsames Starten war bisher eines der häufigsten Probleme, über das sich WebStorm-Nutzer beklagt haben. In den letzten beiden Versionszyklen haben wir sehr viel Wert auf eine Verkürzung der Wartezeiten des Begrüßungsbildschirms sowie des Öffnens von bereits indexierten Projekten gelegt. Die Mühe hat sich gelohnt: WebStorm erledigt diese Aufgaben jetzt 20% schneller als frühere Versionen.

Frameworks und Tools

Vue-Vervollständigung für separate Dateien

Erweiterte Code-Completion für Vue.js

Damit Sie noch schneller programmieren können, kann WebStorm jetzt Slot-Namen für Sie vervollständigen. Dies funktioniert für Slot-Namen, die in den Projektkomponenten oder in Komponentenbibliotheken wie Vuetify, Quasar und BootstrapVue definiert sind.

Außerdem versteht WebStorm jetzt die Verbindung zwischen den Teilen einer Komponente, die in unterschiedlichen Dateien definiert sind, und bietet korrekte Vervollständigungsvorschläge für Eigenschaften, Daten und Methoden, die nicht in einer einzigen .vue-Datei definiert sind.

Quick-Documentation in Vue.js-Projekten

Mit WebStorm 2019.3 können Sie jetzt auf die Dokumentation von Komponenten und Direktiven zugreifen, die in Vue.js und einigen gängigen Komponentenbibliotheken definiert sind. Drücken Sie dazu einfach F1, während sich der Textcursor auf dem Namen einer Komponente oder Anweisung in Ihrem Code befindet.

Unterstützung für die neuesten Versionen beliebter Technologien

WebStorm 2019.3 unterstützt Schematics in Angular 9 und die Plug'n'Play-Funktionalität von Yarn 2. Außerdem erhalten Sie Unterstützung bei der Arbeit mit wichtigen TypeScript-3.7-Merkmalen: optionale Verkettung, „nullish coalescing“ und Assertion-Signaturen.

Bessere Unterstützung für Eigenschaften in React-Komponenten

Bei Komponenten ohne propTypes meldet WebStorm nicht mehr eine unaufgelöste Eigenschaft für props.irgendwas in der Komponentendefinition, wenn es erkennt, dass Eigenschaften in den Verwendungen der Komponente übergeben werden.

JavaScript & TypeScript

Vorlagen-Language-Injections

Benötigen Sie ein Codefragment, dessen Sprache sich von der Hauptsprache der Datei unterscheidet? Sie können jetzt solche Codefragmente – z. B. Pug, Handlebars oder EJS – mit Alt-Enter einfügen.

Namensvorschläge für neue Symbole

Wenn Sie in JavaScript- oder TypeScript-Dateien neue Variablen- und Parameternamen eingeben, erhalten Sie Namensvorschläge basierend auf den Namen der Klassen, Schnittstellen und Typ-Aliasnamen, die im Projekt, den Standardbibliotheken und den verwendeten Abhängigkeiten definiert sind.

Bei neuen Variablen, Funktionen, Klassen und Schnittstellen werden auch Namen vorgeschlagen, die im entsprechenden Geltungsbereich bereits verwendet wurden, aber noch nicht definiert sind und deshalb als unaufgelöst markiert sind.

HTML und Stylesheets

Vervollständigung für CSS-Bibliotheken aus CDNs

Wenn Sie in Ihrem Projekt Bootstrap oder eine andere CSS-Bibliothek verwenden, die Sie in Ihrer HTML-Datei aus einem CDN verlinken, werden nun Klassennamen aus dieser Bibliothek vervollständigt, ohne die Quelldateien dem Projekt hinzufügen zu müssen. Um dies zu aktivieren, drücken Sie einfach Alt-Enter über dem Link in der HTML-Datei und wählen Sie Download library.

Versionsverwaltung

Überarbeitete Benutzerführung beim Klonen von Projekten

Wenn Sie ein Projekt aus einer Versionsverwaltung klonen, wird auf dem Begrüßungsbildschirm und im VCS-Menü ein überarbeiteter Dialog Get from Version Control angezeigt.

Bei der Überarbeitung ging es uns vor allem darum, das Herunterladen von Projekten aus GitHub zu vereinfachen: Sie können sich jetzt direkt im neuen Dialog bei Ihrem GitHub-Konto anmelden. Nach dem Anmelden stehen Ihnen die Repositories in Ihrem Konto sowie in den Konten der Organisationen, denen Sie angehören, zur Verfügung, und Sie können ohne Umwege Projekte nach WebStorm klonen.

Änderungen aus einem beliebigen Branch pushen

Müssen Sie Änderungen aus einem Branch pushen, während Sie an einem anderen Branch arbeiten? Mit dem neuesten Update müssen Sie nicht mehr zu dem Branch wechseln, dessen Änderungen Sie pushen möchten – wählen Sie den Branch einfach im Branches-Popup aus und drücken Sie Push.

Optimierter Commit-Vorgang

Sie können Commits jetzt direkt aus dem Version Control-Toolfenster heraus vornehmen, ohne die restliche IDE durch ein separates Dialogfeld zu blockieren. Aktivieren Sie dazu Commit from the Local Changes without showing a dialog unter Preferences/Settings | Version Control | Commit Dialog.

Neue Aktionen für das Auschecken von Branches

Wir haben eine Reihe von Bedienungsproblemen ausgeräumt, indem wir die Aktion Checkout as... durch zwei neue Aktionen ersetzt haben: eine einheitliche Checkout-Aktion für Remote-Branches und die Aktion New Branch from Selected... für lokale und Remote-Branches.

IDE

Neue Aktion zum Ausführen von Tools und Konfigurationen

Müssen Sie oft npm, Yarn oder ähnliche Tools ausführen, kürzlich verwendete Projekte öffnen oder eine Run/Debug-Konfiguration starten? All dies können Sie jetzt mit einem einzigen Befehl erledigen: der Aktion Run Anything (Strg-Strg).

Suche auf Auswahl beschränken

Mit dem neuen Filter In Selection (zweimal Cmd/Strg-F) können Sie jetzt die gesuchten Informationen schneller finden, indem Sie die Suche auf die ausgewählten Codeteile einer Datei eingrenzen.

Dart-Unterstützung ausgegliedert

Ab WebStorm 2019.3 ist das Dart-Plugin nicht mehr im Anwendungspaket integriert. Wir haben uns dafür entschieden, um die Versionszyklen verkürzen zu können – integrierte Plugins können nämlich nur durch ein Update der gesamten IDE aktualisiert werden. Wenn Sie also Dart verwenden, müssen Sie jetzt das Dart-Plugin unter Preferences/Settings | Plugins installieren.

Globale File-Watchers standardmäßig aktivieren

Wenn Sie ein Drittanbieter-Tool wie Prettier für ein Projekt verwenden und es über eine Dateibeobachtung konfiguriert haben, wollen Sie diese Konfiguration in aller Regel automatisch auf alle neu erstellten Projekte anwenden. Dies ist jetzt durch die standardmäßige Aktivierung globaler File-Watchers möglich.