Quoi de neuf dans WebStorm 2019.3

Performances

Démarrage plus rapide

Jusqu'ici, le temps de démarrage de l'IDE était l'un des problèmes de performance les plus fréquents pour les utilisateurs de WebStorm. Au cours des deux derniers cycles de développement, nous avons consacré une grande partie de nos efforts à la réduction du temps d'attente avant l'affichage de l'écran d'accueil et avant l'ouverture des projets déjà indexés dans l'IDE. Les résultats sont là puisque WebStorm réalise maintenant ces opérations 20% plus vite qu'auparavant.

Frameworks et Outils

Saisie automatique Vue pour les fichiers distincts

Amélioration de la saisie automatique du code pour Vue.js

Pour vous aider à accélérer votre vitesse de codage, WebStorm peut maintenant compléter automatiquement les noms de slots pour vous. Cela s'applique aux noms de slots définis dans les composants du projet et les bibliothèques de composants comme Vuetify, Quasar et BootstrapVue.

En outre, WebStorm comprend à présent le lien entre des parties d'un même composant situées dans différents fichiers et propose des suggestions précises de saisie pour les props, les données et les méthodes non définies dans un seul et même fichier .vue.

Documentation rapide dans les projets Vue.js

WebStorm 2019.3 vous permet de consulter la documentation pour les composants et directives définis dans Vue.js et dans certaines bibliothèques de composants populaires. Il vous suffit d'appuyer sur F1 sur le nom d'un composant ou d'une directive dans votre code.

Prise en charge des dernières versions des technologies populaires

WebStorm 2019.3 propose la prise en charge des schémas avec Angular 9 et de la fonction Plug'n'Play de Yarn 2. En outre, il peut vous aider à travailler avec les principales fonctionnalités de TypeScript 3.7 : chaînage optionnel, coalescence nulle, et fonctions d'assertion.

Meilleure prise en charge des props dans les composants React

Pour les composants sans propTypes, WebStorm ne signalera plus une propriété non résolue pour props.something dans la définition du composant s'il voit que des props sont passés dans l'utilisation du composant.

JavaScript & TypeScript

Modèles d'injections de langage

Vous avez besoin de travailler avec un fragment de code dans un autre langage que le langage principal du fichier ? Vous pouvez désormais injecter ces fragments de code dans vos fichiers, notamment Pug, Handlebars, et EJS, en appuyant sur Alt-Entrée.

Suggestions de noms pour les nouveaux symboles

Lorsque vous ajoutez de nouveaux noms de variables et de paramètres dans des fichiers JavaScript ou TypeScript, vous obtenez maintenant des suggestions de noms en fonction des noms de classes, d'interfaces et d'alias de types définis dans le projet, des bibliothèques standard et des dépendances que vous utilisez.

Pour les nouvelles variables, fonctions, classes et interfaces, vous recevrez également des suggestions pour les noms déjà utilisés dans la même portée mais pas encore définis et signalés comme non résolus.

HTML et Feuilles de style

Saisie automatique pour les bibliothèques CSS sur CDN

Si vous utilisez Bootstrap ou une autre bibliothèque CSS avec un lien provenant d'un CDN dans un fichier HTML, vous bénéficiez maintenant de la saisie automatique pour les noms de classes de cette bibliothèque, sans avoir à ajouter ses sources au projet. Pour activer cette fonction, appuyez simplement sur Alt-Entrée sur le lien dans le fichier HTML et sélectionnez Download library.

Contrôle de version

Interface utilisateur repensée pour le clonage des projets

Si vous clonez un projet à partir d'un système de contrôle des versions, vous voyez maintenant s'afficher sur l'écran d'accueil et dans le menu VCS une boîte de dialogue Get from Version Control actualisée.

Cette modification a pour but d'améliorer l'expérience de récupération de projets à partir de GitHub : vous pouvez maintenant vous connecter à votre compte GitHub directement dans la boîte de dialogue actualisée. Une fois la connexion établie, vous pouvez naviguer dans la liste des référentiels de votre compte et des organisations auxquelles vous appartenez pour cloner des projets vers WebStorm directement.

Push des modifications depuis n'importe quelle branche

Vous voulez appliquer les modifications d'une branche pendant que vous travaillez avec l'autre ? Grâce à cette dernière mise à jour, vous n'avez plus besoin de basculer sur la branche dont vous souhaitez appliquer les modifications. Sélectionnez-la simplement dans Branches et cliquez sur Push.

Un processus de commit simplifié

Vous pouvez maintenant faire des commits directement depuis la fenêtre d'outils Version Control – une boîte de dialogue distincte évitera de bloquer le reste de l'IDE. Pour ce faire, cochez Commit from the Local Changes without showing a dialog dans Preferences/Settings | Version Control | Commit Dialog.

Nouvelles actions de vérification des branches

Nous avons remplacé l'action unique Checkout as... par deux nouvelles actions : une action Checkout unifiée pour les branches distantes et l'action New Branch from Selected... pour les branches locales et distantes.

IDE

Nouvelle action pour l'exécution des outils et des configurations

Vous avez besoin de lancer des outils comme npm et Yarn, d'ouvrir des projets récents ou de lancer une configuration d'exécution ou de débogage ? Vous pouvez faire tout cela au même endroit grâce à l'action Run Anything (Ctrl-Ctrl).

Recherche limitée à la sélection

Grâce au nouveau filtre In Selection (Cmd/Ctrl-F deux fois), vous pouvez trouver des informations spécifiques plus rapidement en limitant la portée de vos recherches aux parties de code sélectionnées dans un fichier.

Prise en charge de Dart sans intégration

À compter de WebStorm 2019.3, l'extension Dart ne sera plus intégrée. L'objectif est de raccourcir les cycles de mise à jour – la mise à jour des plugins intégrés se faisant conjointement avec celle de l'IDE. Par conséquent, si vous utilisez Dart, vous devrez maintenant installer le plugin Dart à partir du menu Preferences/Settings | Plugins.

Activation de file watchers globaux par défaut

Si vous utilisez un outil tiers comme Prettier pour un projet et que vous le configurez via un file watcher, vous souhaitez probablement que cette configuration s'applique automatiquement à tous les nouveaux projets que vous créez. C'est maintenant possible en activant les file watchers globaux par défaut.