L'extension Error Lens pour VSCode

Tout récemment, j'ai découvert usernamehw.errorlens et c'est dommage de ne pas l'avoir vue avant.

Error Lens est une extension pour VSCode qui affiche les erreurs, notices, avertissements, etc. directement dans l'éditeur, alors qu'ils ne sont généralement accessibles que dans la zone Problems de VSCode.

Elle est installée par défaut dans mon devcontainer PHP : dès que les linters de ce container signalent quelque chose, Error Lens rend l'information impossible à manquer.

Saviez-vous où se trouve cette zone ? Dans la barre de statut de la fenêtre principale de VSCode. L'avez-vous déjà remarquée ? Presque personne ne la voit, et pourtant elle mérite le coup d'œil !

On voit ici que j'ai 54 problems, aïe.

L'image ci-dessous, c'est mon VSCode actuel avec cet article ouvert. Ok, je vois quelques mots soulignés en bleu mais... ce n'est pas vraiment « visible ». Sur un gros fichier, il y a de fortes chances que vous ne le voyiez pas.

Maintenant, une fois Error Lens installée, voici le même écran :

Toute la ligne a désormais un fond bleu-gris, et je vois aussi dans la minimap (sur le côté droit de l'écran) que j'ai deux blocs bleus, donc deux problems.

Ça n'a l'air de rien puisque ça ne fait que « montrer » les problèmes dans la zone d'édition, mais au bureau ça a mis en évidence énormément d'erreurs (fautes d'orthographe ou de grammaire dans les textes, fautes de frappe comme cente au lieu de center pour une classe CSS, une faute dans le nom d'une variable PHP, etc.).

Ça a nettement amélioré la qualité de notre code et supprimé quelques bugs silencieux (Mais pourquoi cette zone de l'écran n'est pas centrée ? J'ai bien ajouté la classe msg-center... ah non, j'ai oublié le r.)

Dans la même famille « arrêter de perdre des informations dans un panneau que personne n'ouvre », Todo Tree dans VSCode fait pour vos commentaires TODO et FIXME ce qu'Error Lens fait pour les diagnostics.