Quoi de mieux que d'avoir dans son éditeur de code une explication d'une expression régulière (regex) en temps réel ? C'est ce que fait l'extension Regexp Explain dans Visual Studio Code.

Le site regexper.com permet de convertir une expression régulière en schéma explicatif des différentes étapes de la regex. C'est très intéressant et cela aide à comprendre le fonctionnement de regex complexes notamment.

L'extension pour VS Code nommée Regexp Explain utilise ce site pour convertir l'expression inscrite en schéma.

Cette extension est basée sur une autre qui n'est plus mise à jour depuis longtemps et qui utilise des fonctionnalités obselètes. L'auteur de Regexp Explain a donc créé une nouvelle extension que vous pouvez installer directement depuis VS Code.

Dans votre code, vous pouvez sélectionner l'expression régulière à analyser et faire un clic droit > RegExp Explain pour générer le schéma explicatif :

Autrement, ouvrez l'éditeur de regex via la combinaison CTRL+F10 et renseignez votre expression. Le schéma se générera automatiquement.