Découverte de mon extension VsCode

Introduction

Bonjour à toutes et à tous, aujourd'hui je suis fier de vous présenter dans cet article ma toute première extension Vscode développée avec le langage de programmation typescript et nommée select-until-pattern que je viens de publier il ya quelques instants sur le marketplace de VsCode. À la fin de cet article. Je vais également vous offrir mon avis sur le développement d'une extension Vscode.

Présentation de l'extension

Description

Cette extension, vous propose plusieurs actions pour agrandir rapidement votre sélection en sélectionnant du texte depuis la position actuelle de votre curseur jusqu'au pattern et actions indiqués sur l'entrée utilisateur. C'est très utile quand vous souhaitez à partir de votre clavier modifier, supprimer ou même vous déplacez plus rapidement sur une partie du contenu de votre fichier plutôt que d'utiliser la souris pour effectuer ce type d'actions. Car en effet, on est amené à effectuer ce type de tâches plusieurs fois dans la journée. Je vous laisse admirer ci-dessous une démo sous forme d'une image gif :

Fonctionnement

Pour afficher l'entrée utilisateur dans laquelle vous allez ajouter le mot a recherché et/ou les actions souhaitées, vous pouvez ouvrir votre palette de commandes depuis le raccourcis Ctrl + Shift + p et taper la commande select until pattern ou ajouter dans votre fichier de raccourcis clavier la ligne suivante :

{ "key": "ctrl+e", "command": "extension.select-until-pattern" }

Voici quelques flags à utiliser pour indiquer le type de recherche ou actions que vous souhaitez effectuer, ces flags doivent être ajoutés à la fin de votre mot recherché après un slash :

• i : rendre la recherche insensible à la casse.
• r : inverser la recherche pour étendre la sélection vers la gauche.
• c : inclure le mot recherché dans la sélection.
• e : exclure le mot recherché dans la sélection.
• d : supprimer la sélection.
• nombre : nombre de répétition de l'action.

Vous avez également le choix d'utiliser les paramètres suivants :

• select-until-pattern.includePatternInSelection : inclure ou non le mot recherché dans la sélection.
• select-until-pattern.saveLastPattern : enregistrer le dernier mot recherché dans l'entrée utilisateur.

Conseils et difficultés rencontrés

Le développement de cette extension a été un peu rude, dû déjà à la documentation de l'api vscode qui ne propose pas assez d'exemples d'utilisation comme peuvent le faire d'autres documentations, telle que celle d'Ansible ou php. De plus il m'était dès fois difficiles de trouver de l'aide sur internet par manque de contenus sur l'api Vscode. Cependant l'auto complétion proposée par l'éditeur de texte Vscode pour son api reste assez complète et très structurée, ce qui fait que nous aurons moins tendance à fouiller dans la documentation.

Si vous êtes tenté de développer votre propre extension, je vous conseille alors vivement d'apprendre le langage de programmation Javascript et de faire un tour sur quelques exemples d'utilisation disponibles sur ce repository github.

Conclusion

Si jamais vous utilisez mon extension, n'hésitez pas à me fournir votre avis dans l'espace commentaire ou si jamais vous rencontrez un bug, vous pouvez me le signaler ici.

L'entièreté du code source est disponible ici. Sur ce, je vous souhaite un bon code à tous !