🎣 🤰 ⛑️ WebStorm 2020.1: améliorations de l'interface, prise en charge de Vuex et lancement de Prettier lors de l'enregistrement de fichiers 🌅 🏀 🚫

Bonjour à tous! Nous sommes heureux de présenter la première mise à jour majeure de WebStorm cette année. Dans la nouvelle version, vous trouverez de nombreuses nouvelles fonctionnalités et améliorations attendues depuis longtemps, notamment la prise en charge de Vuex et une nouvelle option pour lancer Prettier lors de l'enregistrement de fichiers.

WebStorm-2020-1 publié

Téléchargez la version d'essai de 30 jours de WebStorm 2020.1 sur le site Web ou à l'aide de l' application Toolbox . La version complète peut être utilisée par les détenteurs d'un abonnement actif à WebStorm ou All Products Pack, ainsi qu'aux étudiants et développeurs gratuits de projets open source.

Voyons maintenant plus en détail les principales améliorations.

Nouvelle police pour travailler avec du code

Au cours de la dernière année, nous avons développé une police spéciale pour travailler avec du code qui aiderait nos utilisateurs à programmer avec un grand confort et minimiserait la fatigue oculaire. Le résultat de nos efforts est JetBrains Mono , une nouvelle police open source. À partir de la version 2020.1, JetBrains Mono est sélectionné par défaut dans WebStorm et nos autres IDE. La possibilité d'inclure une police différente, bien sûr, est également restée.

jetbrains-mono

Documentation rapide plus utile.

WebStorm 2020.1 vous aide à trouver rapidement les informations pertinentes sur un symbole, car une documentation rapide s'affiche désormais lorsque vous survolez ce symbole, et pas seulement lorsque vous appuyez sur F1 . S'il y a un problème dans votre code et WebStorm peut vous aider avec sa solution, il vous en informera également en affichant un correctif rapide disponible dans la fenêtre contextuelle de documentation.

docs-on-hover

Lorsque vous travaillez avec du code JavaScript et TypeScript, une documentation rapide affiche des informations détaillées sur le type et la visibilité d'un caractère, ainsi que l'endroit où ce caractère est défini.

ts-quick-docs

Mode Zen pour un travail concentré

Le nouveau mode Zen vous aide à vous concentrer entièrement sur votre code. Combinant deux modes, sans distraction et plein écran , il vous permet d'activer rapidement les deux et d'isoler temporairement quelque chose qui peut distraire votre attention.

Pour essayer le nouveau mode, accédez à Affichage | Apparence | Entrez dans le mode Zen à partir du menu principal de WebStorm ou utilisez la fenêtre contextuelle Changer ( Ctrl + `| Mode d'affichage | Entrer dans le mode Zen ).

Prise en charge de Vuex et de l'API Vue Composition

Vue.js gagne en popularité, nous travaillons donc activement à faire de WebStorm l'IDE le plus utile pour travailler avec ce framework. Cette fois, nous avons ajouté deux améliorations majeures.

Pour commencer, lorsque vous travaillez avec la bibliothèque Vuex, vous verrez des options pour la complétion de code pour les symboles et modules du magasin Vue lors de la modification des composants Vue. WebStorm vous aide également à passer rapidement à la définition des getters, des mutations et des actions.

vuex-complétion

Deuxièmement, puisque vous pouvez déjà utiliser l'API Composition, disponible dans la prochaine version de Vue 3, nous avons décidé d'ajouter sa prise en charge dans WebStorm 2020.1.

vue-composition-api-support

Exécuter Prettier lors de l'enregistrement de fichiers

Grâce à la nouvelle option Exécuter lors de l'enregistrement pour les fichiers , vous pouvez appliquer une mise en forme plus jolie à tous les fichiers spécifiés dans les paramètres WebStorm et modifiés dans le projet en cours, tout en enregistrant ces fichiers - vous n'avez plus besoin de configurer l'observateur de fichiers ou d'utiliser un plug-in tiers.

plus joli à la sauvegarde

Aide à la grammaire et aux erreurs stylistiques

À partir de la version 2020.1, WebStorm est fourni avec Grazie, notre outil de vérification de l'orthographe, de la grammaire et du style de texte. Cela vous aidera à éviter les erreurs de grammaire lors de l'ajout de commentaires, de validations et de diverses constructions de langage.

grazie

Par défaut, Grazie est activé uniquement pour la langue anglaise et ne vérifie pas tous les types de fichiers pour d'éventuelles erreurs grammaticales. Vous pouvez ajouter plus de langues et modifier les paramètres prédéfinis dans Préférences / Paramètres | Editeur | Relecture (accédez à la section Grammaire si vous souhaitez configurer la portée de l'analyse, consultez les règles existantes et ajoutez des exceptions).

Nouvelles actions d'intention et inspections

Comme toujours, nous avons ajouté de nouvelles actions d'intention et des correctifs rapides pour vous aider à gagner du temps lorsque vous travaillez avec du code JavaScript et TypeScript. Par exemple, l'une des nouvelles actions d'intention, disponible en appuyant sur Alt + Entrée , convertira rapidement le code existant en chaînage facultatif et / ou coalescence nulle.

conversion en chaînage en option

Plus d'informations sur les nouvelles actions d'intention et les correctifs rapides sont disponibles dans le blog de la version (en anglais).

Prise en charge des dernières versions des technologies populaires

Dans WebStorm 2020.1, vous trouverez une prise en charge intégrée pour la fonctionnalité TypeScript 3.8, y compris les importations / exportations de type uniquement, les champs privés et le niveau supérieur await, qui vous aideront à travailler avec eux plus efficacement. De plus, nous avons facilité le travail avec les projets Angular 9 en prenant pleinement en charge le nouveau format de métadonnées.

Rebasement plus commode des commits

L'action Rebaser interactivement à partir d'ici , disponible dans l' onglet Journaux de la fenêtre Git , vous permet de modifier, de fusionner et de supprimer les validations précédentes. Cela permet de rendre l'historique des validations plus linéaire et compréhensible.

rebasing-commits

Dans WebStorm 2020,1, vous trouverez une version améliorée et plus interactive des changements de base Validations la boîte de qui s'ouvre lorsque la interactivement Rebase à partir d' ici l' action est appelée . La boîte de dialogue mise à jour affiche les actions qui peuvent être appliquées à chaque validation. Il affiche également des informations détaillées sur chaque validation et vous permet de voir la différence et de supprimer rapidement les modifications appliquées.

Utilisation de WebStorm pour éditer rapidement des fichiers

Grâce au nouveau mode LightEdit , vous pouvez ouvrir des fichiers dans une fenêtre d'éditeur de texte séparée, sans créer ni charger un projet entier. Le mode fonctionnera si WebStorm n'est pas déjà en cours d'exécution. Si WebStorm est en cours d'exécution, le fichier s'y ouvrira, comme d'habitude.

Pour essayer le nouveau mode en action, faites un clic droit sur le fichier que vous souhaitez éditer et sélectionnez WebStorm dans la liste des programmes proposés. Vous pouvez également configurer le lanceur de ligne de commande, comme décrit ici , et ouvrir le fichier à l'aide de la ligne de commande.

mode lightedit

C'est tout pour une fois. Merci d'avoir lu jusqu'au bout! Vous trouverez encore plus de détails dans le blog du communiqué .(en anglais). Des questions, des souhaits et juste des pensées s'expriment dans les commentaires. Comme toujours, nous serons heureux de répondre. Des rapports de bogues peuvent être créés ici .

JetBrains WebStorm
L'équipe Drive to Develop

WebStorm 2020.1: améliorations de l'interface, prise en charge de Vuex et lancement de Prettier lors de l'enregistrement de fichiers