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”.