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
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
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.
Refactorisation Rename améliorée
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.
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'IDE.
Édition du code
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'IDE.
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
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.
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.
IDE
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'IDE couvrant toutes les options de style de code de l'IDE.
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'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.
Configuration de plugin mise à jour
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.
Contrôle de version
Saisie automatique dans .gitignore
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.