Les nouveautés de WebStorm 2019.2

WebStorm 2019.2 apporte notamment des améliorations majeures de la saisie automatique pour JavaScript et TypeScript et de la prise en charge de Vue.js, permet de surligner la syntaxe de plus de 20 langages, et inclut de nouvelles intentions de déstructuration.

JavaScript & TypeScript

Nouvelle interface de la fenêtre contextuelle de saisie automatique

Nouvelle interface de la fenêtre contextuelle de saisie automatique

La fenêtre contextuelle de saisie automatique dispose d'une nouvelle présentation, plus nette et soignée.

La présentation des suggestions de saisie automatique pour JavaScript et TypeScript est à la fois plus claire et cohérente. Il est désormais plus facile d'identifier l'endroit où le symbole est défini et de comprendre s'il fait partie d'une API de langage standard. Une nouvelle icône permet de représenter les symboles ayant plusieurs définitions.

Nouvelles intentions intelligentes

Nouvelles intentions intelligentes

Grâce à la nouvelle intention Propagate to destructuring (Alt-Entrée), vous pouvez remplacer une variable supplémentaire par une déstructuration sous certaines conditions. Pour supprimer complètement une déstructuration, utilisez l'action d'intention Replace destructuring with property or index access.

L'EDI vous avertit si l'expression booléenne d'une condition comporte des éléments superflus et vous propose de la simplifier.

Refactorisation Rename améliorée

Refactorisation Rename améliorée

Lorsque vous renommez un symbole dans un fichier JavaScript ou TypeScript, désormais l'EDI regroupe les utilisations dynamiques et les exclut de la refactorisation par défaut. Cela permet de rendre la refactorisation plus précise et vous donne plus de contrôle sur ce qui doit exactement être renommé dans la fenêtre d'outils Refactoring Preview.

Vue.js

Prise en charge améliorée de Vue.js

Meilleure prise en charge de la bibliothèque de composants Vue.js

Vous utilisez Vuetify, BootstrapVue ou Quasar dans votre application Vue.js ? La saisie automatique du code pour les composants et leurs accessoires, notamment à partir des bibliothèques de composants Vue, est maintenant plus précise. Cela a été rendu possible par la nouvelle approche que nous avons adoptée pour la manipulation de ces bibliothèques dans l'EDI.

Édition du code

Mise en évidence des éléments syntaxiques pour plus de 20 langages

Mise en évidence des éléments syntaxiques pour plus de 20 langages

Vous devez examiner occasionnellement certains fichiers PHP ou Python dans WebStorm ? Le surlignage de syntaxe est désormais disponible pour ces langages, entre autres, sans nécessiter de configuration supplémentaire, grâce à la collection de fichiers de grammaire TextMate fournis avec l'EDI.

Correction orthographique des mots-clés et des noms

Correction orthographique des mots-clés et des noms

Il vous est déjà arrivé d’écrire funtcion ou fnction au lieu de function par erreur ? Désormais, la saisie automatique du code peut comprendre ce type d'erreur et suggérer l'option la mieux adaptée pour vous. Cela fonctionne avec tous les langages pris en charge et pour tous les symboles – mots-clés, classes, fonctions, composants, etc.

Prise en charge des scripts shell

Prise en charge des scripts shell

WebStorm peut dorénavant vous aider dans votre travail avec les scripts shell. La saisie automatique de code fonctionne dans les fichiers .sh et .bash, une nouvelle configuration run est disponible, et l'EDI s'intègre avec ShellCheck pour le linting et shfmt pour le formatage du code.

Recherche des doublons de code

Recherche des doublons de code

La nouvelle inspection Duplicate code fragment vous permet de trouver les doublons de code dans votre projet. Elle vérifie votre code à la volée et surligne immédiatement les doublons potentiels dans l'éditeur. Cela fonctionne pour JavaScript, TypeScript, CSS, Sass, SCSS et Less.

EDI

Style de code pour un dossier avec EditorConfig

Style de code pour un dossier avec EditorConfig

Vous pouvez à présent gérer différents styles de code dans différentes parties de vos projets en ajoutant plusieurs fichiers .editorconfig. Hormis les options EditorConfig standards, qui sont prises en charge depuis longtemps, vous devez à présent utiliser des propriétés propres à l'EDI couvrant toutes les options de style de code de l'EDI.

Ouverture de plusieurs projets dans la même fenêtre

Ouverture de plusieurs projets dans la même fenêtre

Si vous avez ouvert un projet dans WebStorm et souhaitez en ouvrir un autre, vous pouvez désormais attacher le deuxième projet au projet ouvert, de façon à les voir tous les deux dans la même fenêtre de l'EDI. Si vous souhaitez fermer le projet joint, cliquez du bouton droit sur sa racine dans la vue Project et sélectionnez Remove from Project View.

Configuration de plugin mise à jour

Configuration de plugin mise à jour

Grâce à la page Plugin mise à jour dans les préférences de l'EDI, il est désormais plus simple de trouver le plugin dont vous avez besoin – sa description s'affiche directement à côté de la liste des plugins disponibles. Nous avons supprimé l'onglet Updates, mais ajouté un nouveau bouton Update près du plugin dans la section Installed.

Pour désactiver ou réactiver tous les plugins téléchargés, cliquez sur l'icône rouage et choisissez les options voulues.

Contrôle de version

Saisie automatique dans .gitignore

Saisie automatique dans .gitignore

Dans les fichiers .gitignore, l'EDI propose des suggestions de saisie de code pour les noms de fichier et de dossier. Utilisez sur Cmd/Ctrl et cliquez sur le nom pour passer à ce fichier ou dossier dans la vue Project. Vous pouvez maintenant ajouter rapidement un fichier à .gitignore depuis l'onglet Local Changes –pour cela, faites un clic droit sur le fichier dans le groupe Unversioned et sélectionnez Add to .gitignore.