Faire des commits ultra rapidement avec VSCode Commit Prompt

0:00bon les amis petite vidéo rapide pour vous montrer un outil que j'utilise depuis maintenant 6 mois qui me permet d'être beaucoup plus productif quand je code mon mon SAS et cet til s'appelle vs code commit prompt et il a été créé par d'ailleurs mon associé Yelle il y a 6 mois dans le cadre d'une expérience et franchement c'est un outil qui mérite d'avoir plus de visibilité parce que vraiment moi je le trouve super cool alors si vous utilisez pas vs code ça va vous servir à rien mais pour ceux qui utilisent vs code franchement prenez le temps de regarder parce que vous allez vous rendre compte que c'est un outil qui va

0:31vous permettre de euh à la fois avoir des comits qui sont beaucoup plus formatés euh ce qui va être un gros avantage lorsqu'on va devoir parcourir le l'History git et surtout qui va vous permettre de de à la fois commit plus rapidement et de créer aussi des issus et de parcourir vos issues à la vitesse de l'éclair en fait dans votre navigateur vs code alors c'est cette extension elle s'appelle vs code commit prompt donc je vous laisse l'installer et comment est-ce qu'elle fonctionne dans les grandes lignes alors dans les grandes lignes ce qu'il faut savoir c'est qu'en fait on a différents ch qui va falloir euh qui va falloir connaître

1:04alors un point très important euh lorsqu'on va modifier un fichier par exemple donc là par exemple imaginons je va juste modifier le style hein ok toc voilà donc là on a des ch des changes qui sont faits lorsque je vais faire commande y et tout ça bien sûr customisable ce qui va se passer c'est que on va avoir notre éditeur qui va apparaître ici avec nos fichiers qui ont été modifiés donc si on en a plusieurs on en aura également plusieurs ici par défaut ils sont tous check il me semble après c'est quelque chose qui vous pouvez modifier ici dans dans les settings de J de jison ici en

1:36mettant add all by default et en fait ici en modifiant automatiquement en mettant un trou il va automatiquement mettre tous vos fichiers par défaut dans dans le commit donc je fais entrer hop là il va me définir différentes un type en fait de ce que j'ai fait donc soit c'est une fature soit c'est un fix so c'est un truc en rapport avec la doc soit c'est le style c'est dire quelque chose qui sera en rapport avec du CSS du code style donc ça peut être des modifications avec Slint et cetera ça c'est du refactoring de la perf test et cetera alors tout ça c'est bien sûr

2:05customisable vous pouvez les définir dans les extensions du du plugin ce que vous voulez avoir mais là en l'occurrence c'est plutôt quelque chose qui en rapport avec le style vu que j'ai modifié et là vous pouvez voir en suite qu' va me définir différents scope alors moi j'en ai mis quatre c'est d'ailleurs c'est vous voulez voir qu' sont été définis ici dans settings P gison dans le VS code et par exemple en fait on va avoir API global et package alors moi c'est tout ce qui est en rapport avec la tout ce qui va être global au turboripo tout ce qui en rapport avec un package qui a été

2:33créé et par exemple ici tout ce qui en rapport avec le le web le front donc là en l'occurrence c'est plutôt quelque chose qui va être global parce que c'est de la configuration et là après je peux modtifier un fichier je peux mettre un message par exemple bah écoutez on va mettre update vs code settings commit prompt voilà donc après ce qui est cool c'est que vous pouvez choisir des issues si vous avez envie de euh assignal des issues moi j'en ai pas ici et ensuite entrer et voilà et là vous avez vu que automatiquement il m'a mis ici toc un fichier qui a été commit alors ça c'est

3:13très propre parce que du coup bah on peut très facilement commite comme ça à la vitesse de l'éclair alors juste un point important pour ceux qui se demandent la convention la convention elle vient de angular et en fait comment est-ce que ça marche dans les commits ça vient de en fait vous pouvez voir vous avez un type un scope qui est optionnel et derrière une description et en fait derrièreut re un body un foo alors l'avantage de comit de faire des commits qui sont formatés comme ça c'est qu'en fait quand on parcour l'History git ça va être clean partout et surtout vous allez pouvoir avoir une convention qui

3:43est commune avec votre team donc vous pouvez voir un exemple là fit de points donc là on peut voir que le le scope il n'a pas été mis mais par exemple ici fit langue et là pouvez voir qu'il a mis qu'il a mis un scope avec un message derrière donc c'est une convention qui a été initiée à la bas pass par angular que j'avais découvert en utilisant un outil qui s'appelle comid zen et qui permet de faire à peu près la même chose que le plugin que je vous ai montré là mais de le faire directement en fait en invité de commande lorsqu'on va taper guit CZ vous pouvez voir vous allez

4:15pouvoir ici automatiquement euh changer plein de choses choisir en fait le Scope et cetera mais je trouvais ça plus sympa en fait de l'avoir directement dans dans vs code parce que effectivement nous on est dans notre éditeur et on peut tout faire au clavier et l'avantage c'est que vous touchez poss possible votre souris plus vous allez être en fait simplement productif donc il y a une autre feature que je vous montre rapido ce que vous pourrez modifier si vous avez envie il faut savoir que cette feature elle s'appelle fast commit alors c'est quand on a fait une modification rapide sur un seul fichier et qu'on veut commit très

4:44vite donc cette convention cette vous pouvez voir ici qu'elle est définie sur en fast commit il faut elle est par défaut il y a aucun keybings qui est mis en place donc ce sera à vous de le de le mettre si vous voulez accéder à cette fiture là donc vous allez dans vos dans vos key bindings et puis vous rajoutez ici hein moi j'ai mis shift Alt et s euh donc shift option s sur Mac et quand je modifie par exemple un seul fichier vous pouz voir par exemple imaginons que je veux revenir comme avant voilà vous pouvez voir que si je fais shift option s automatiquement j'ai mon nouveau j'ai

5:12un nouveau panel qui qui va s'ouvrir c'est le même panel euh et en fait voilà ça va être aussi pareil la même chose hein du style en global et vous pouvez voir ici que mon message il l' pré configuré avec le nom du fichier qui va être update settings.gon ce qui permet de gagner du temps en fait euh on va pas devoir mettre le message et là automatiquement après vous avez différentes manières de faire alors ce qu'il faut savoir c'est que moi j'aiutilisé un un raccourci ici qui c'est pour 5 avec git qui s'appelle donc alt commande et S et automatiquement quand je fais ce ce ce raccourci ça va

5:41automatiquement le faire ça va pull et push en fait de sur mon réository donc j'ai pas besoin d'aller prendre ma souris de cliquer ici par contre il cette extension a aussi une manière de le faire vous faites shift vous faites shift command y et automatiquement ça va vous ouvrir un panel et là vous pouvez bah choisir de poucher et si je fais entrer vous pouvez voir que ben en fait ça a poucher automatiquement là il y a plus rien ici donc c'est pareil vous pouvez poucher avec des combinaisons assez rapidement l'autre fiture qui est intéressante pour ce plugin je vais vous montrer c'est que par exemple vous

6:11pouvez aussi facilement parcourir vos issues par contre il faut savoir que vous va falloir mettre en place un git up token donc je vous laisserai regarder ici vous pouvez facilement ici définir tout simplement le gitup token de pour accéder à votre repository l'avantage de ça c'est que ça c'est cool par exemple là par exemple si on va dans notre SAS principal et qu'on fait com u automatiquement on peut voir toutes les issues qui ont été assignées donc j'ai les miennes qui remontent en premier parce qu'il détecte en fait avec git et si par exemple et bien j'en ouvre une si je fais entrée automatiquement ça mouve arc en petit et voilà je peux voir

6:42en détail ce que j'ai à faire et je fais command W h c'est bon je le ferme donc vous pouvez voir que là je peux ouvrir très facilement une issue il est possible également d'en créer très vite une si je fais CR new issue ici je me retrouve avec le même chose en fait le le type donc ça va être plutôt un fix plutôt un fix sur la pay puis après je m' message donc là je vais pas le faire mais vous pouvez voir que en fait ici c'est pour ça que nos issues elles sont tout simplement formatées toujours cette même manière là et donc ça permet très facilement de pouvoir

7:10créer des issues à la volée quand on a une idée on est en train de coder on n'est pas obligé d'aller en gub de ouvrir gitub de rajouter une issue et là automatiquement en fait on fait commande U et là Bou bah vous avez votre vos issues qui apparaissent et vous pouvez également avoir al j'ai pas tout montré mais vous avz pouvez également parcourir celle de vos associés et cetera donc ça c'est aussi quelque chose qui qui est extrêmement pratique de pouvoir comme ça naviguer vos issus et la créer à la volée les clos vous pouvez les close aussi et bien évidemment tous les shortcuts sont

7:38customisables un autre truc qui est assez chouette imaginons par exemple que je fasse un commit donc là par exemple je vais faire la modification toc je fais un fast commit en rapport avec le style je vais commit rapidos et là vous pouvez voir par exemple que si j'ai un feature qui qui permet de undo les commit c'est alt command et y et vous pouvez voir quand je fais ça il me demande est-ce que tu veux undo le dernier commit et garder les changements ou sinon tu veux complètement faire un hard commit un hard reset en fait et ça va à la fois enlever le commit et

8:06enlever tous les change donc moi en fait je faire n'importe quoi donc je vais plutôt faire un un reset hop et voilà et là automatiquement il m'a remis proprement mon dernier commit sans avoir pouché donc voilà dans les grandes lignes ce que permet de faire cette extension elle est extrêmement pratique je vous recommande bah bravo yel pour l'avoir faite elle est vraiment super cool nésitez pas à mettre une petite étoile pour lui donner de la force et à l'installer et aussi mettre en feedback ici euh différentes nouvelles fonctionnalités que vous aimeriez avoir cette extension euh comme il explique en fait cette fonctionnalité il l'a créé tout simplement parce que il voulait il

8:39faisait des gros commits et il voulait améliorer son son workflow au niveau du des ses commits et ça a été du coup une manière de pouvoir à la fois gagner du temps formater correctement et tout simplement avoir accès à tout un tas d'autres fonctionalités comme créer des issues à la volée et compagnie et parcourir celles qui sont en cours donc çaen était tout pour ce cette cette extension vs code n'hésitez pas à vous abonner si ça vous a plu je vous souhaite une agréable semaine et à bientôt