Aujourd’hui, on pourrait croire que mon métier m’a un peu éloigné des lignes de code, du café froid et des heures à parcourir des documentations. Et pourtant, rares sont les journées où je ne lance pas un éditeur de code. Pour ma part, et malgré quelques mois passé sous vim, je reste très attaché VS Code. En tout cas il répond à mes attentes. Enfin ce n’était pas tout à fait le cas jusqu’à il y a quelques heures.
Je me suis lancé dans la création d’une extension pour VS Code !
Contexte et inspiration
Tout a commencé par un double objectif. Je préparais un article pour le blog de l’école dans laquelle je travaille, avec l’idée de promouvoir la participation à des projets open source. Cette expérience permet aux développeurs de montrer leurs compétences et de démontrer leur passion à de futurs recruteurs. Toutefois, j’ai réalisé que ce conseil était quelque peu théorique pour moi, car je ne participais pas activement à des projets open source. Comme je dis souvent « Faites ce que je dis, pas ce que je fais 🙂 » !
Pour remédier à cela et montrer un exemple concret, j’ai décidé de créer une extension utile pour les développeurs. Et il y avait une chose pour laquelle je n’arrivait à trouver mon bonheur. Et si on pouvait gérer un Kanban directement dans VS Code ?
Fonctionnalités de l’extension
L’extension, nommée pmcode, propose plusieurs fonctionnalités intéressantes :
- vue kanban basée sur les commentaires de code : L’extension analyse les commentaires des fichiers sources (à la recherche de balises comme
pmcode.todo,pmcode.wip, etc.) et les transforme en tâches affichées dans un tableau Kanban. - mise à jour par Drag-and-Drop : Une fonctionnalité intuitive qui permet de modifier le statut des tâches directement par glisser-déposer, tout en synchronisant ces changements dans les commentaires du code source.
Le processus de développement
Choix technologiques
L’extension a été construite en utilisant Node.js et JavaScript, s’appuyant sur l’API fournie par VS Code. Cela m’a permis de créer une interface utilisateur s’adaptant au thème VS Code de l’utilisateur et aussi de pouvoir être conduit directement au lieu où se trouve la tâche à réaliser sans jamais quitter l’IDE !
Défis techniques
Il s’agissait de mon premier projet de développement d’extension VS Code, et j’ai dû prendre le temps de comprendre comment l’API fonctionne. La documentation de VS Code est complète, mais l’ampleur des possibilités peut ne pas être très engageant au début. De plus, le déploiement initial de l’extension s’est révélé un peu lourd, nécessitant de suivre un processus rigoureux pour tester, empaqueter et déployer l’extension.
Fonctionnalités avancées
Pour enrichir l’expérience utilisateur, j’ai ajouté la possibilité de déplacer les tâches entre les colonnes de la vue Kanban par drag-and-drop, ce qui a été un défi technique intéressant à résoudre. Cette fonctionnalité met à jour en temps réel les commentaires de code pour refléter le nouveau statut de chaque tâche.
Prochaines améliorations
Bien que l’extension soit déjà fonctionnelle, j’ai déjà en tête plusieurs pistes d’amélioration, notamment :
- système de priorité : Intégrer un moyen de définir la priorité des tâches pour mieux organiser les projets.
- intégration avec d’autres outils : Synchroniser la vue Kanban avec des plateformes de gestion de projet telles que Trello ou Jira.
Si cette extension vous semble utile, je vous encourage à l’essayer et à partager vos retours. Vous pouvez la télécharger sur le Visual Studio Marketplace. Toute contribution sur GitHub est également la bienvenue pour améliorer l’outil.
Je suis ravi d’avoir réalisé ce projet open source et j’espère qu’il vous aidera dans la gestion de vos projets de développement directement depuis votre éditeur de code favori, VS Code.
Votre retour est précieux ! Contactez-moi pour toute suggestion d’amélioration. Bonne gestion de vos projets !
