diff --git a/source/vscode/presentation.md b/source/vscode/presentation.md index bb0465bbf4293e99f502fd650f1693860a6434e8..2b9a46bae96f65a05a50158a89923078c0661dd2 100644 --- a/source/vscode/presentation.md +++ b/source/vscode/presentation.md @@ -7,6 +7,46 @@ C'est une application développée avec électron, d'ailleurs une [version Web]( Certains raccourcis pourront être erronés, une partie de l'équipe utilisant une extension pour reprendre les raccourcis de l'IDE Atom anciennement utilisé. +### Créer un snippet personnalisé + +Un snippet est un raccourcis qui va vous permettre de pré-générer du code. + +Il est possible d'en partager dans le dépot ou de les définir localement pour votre vscode. + +Pour définir un snippet, il faut aller dans `File > Preferences > Configure User Snippets`, il faudra saisir un nom pour le fichier générique la première fois. + +Ci-dessous un exemple de syntaxe pour définir un snippet : +```json +{ + "ajax promise" : { + "scope": "javascript,typescript", + "prefix": "v-ajaxp", + "body": [ + "this.vitisRequest.ajaxRequestPromise({", + "\tmethod: '',", + "\turl: env.properties.app_api_url + '/',", + "}).then((resp) => {});"] + } +} +``` + +La clé sert de nom pour le snippet, le prefixe est ce qu'il faudra saisir pour déclencher la génération de code. + +Avec cet exemple si je tape `v-ajaxp` dans un fichier js ou ts je récupérerai le code suivant : +```js +this.vitisRequest.ajaxRequestPromise({ + method: '', + url: env.properties.app_api_url + '/', +}).then((resp) => {}); +``` + +Je n'ai plus qu'à le personnaliser, remplacer le this par services dans certains cas, ... + +Il y a plein d'utilisations possibles, génération de code récurent pour logguer, débugguer par exemple. + +pour avoir plus d'information sur le sujet la documentation est disponible via [ce lien](https://code.visualstudio.com/docs/editor/userdefinedsnippets#_create-your-own-snippets). + + ## Configuration Pour accéder au fichier de configuration JSON de vscode Il faut passer par la palette de commande `CTRL+MAJ+P` et choisir `Preferences : Open User Settings (JSON)`.