Créer des snippet sur VSCode pour augmenter votre productivité
Qui n’a pas tappé un millier sde fois echo ou console.log? Voir function(){}, ou encore () => {} ?
Grâce aux snippets customisés, vous allez pouvoir vous affranchir de cette corvée et être plus productif.
Trouver le menu des custom snippet dans VSCode
Faites la cmbinaisons de touche CTRL + SHIFT + P (sous Windows) et tpaez “snippet”, sélectionnez custom

Ceci va vous amener au fichier csl.code-snippets . Voici un example de code que vous pouvez faire :
"Print to console": { "scope": "javascript,typescript", "prefix": "cls", "body": [ "console.log('$1','$2');", ], "description": "Log output to console" }
Vous tapez le prefix “cls” et le body s’affichera. Notez les placeholder $1
et $2
, vous pourrez basculer de l’un à l’autre avec la touche TAB
.
Un site pour générer le code pour vos snippets.
Les snippets par framework ou langage
Il existe déjà dans la marketplace, des plugin où les snippets sont déjà définis. Allez dans la marketplace et tapez “snippet”.