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.
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.
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'IDE vous avertit si l'expression booléenne d'une condition comporte des éléments superflus et vous propose de la simplifier.
Lorsque vous renommez un symbole dans un fichier JavaScript ou TypeScript, désormais l'IDE 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.
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'IDE.
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'IDE.
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.
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'IDE s'intègre avec ShellCheck pour le linting et shfmt pour le formatage du 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.
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'IDE couvrant toutes les options de style de code de l'IDE.
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'IDE. 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.
Grâce à la page Plugin mise à jour dans les préférences de l'IDE, 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.
Dans les fichiers .gitignore
, l'IDE 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.