Comment ajouter des extraits de code personnalisé dans VSCode?

1. Frapper > maj+ commande+ p et tapez snippets
2. Sélectionner Préférences: Ouvrir L'Utilisateur Extraits
3. Choisir le type de langue pour laquelle vous souhaitez ajouter la coutume extrait de
4. vscode a des commentaires pour expliquer comment ajouter un extrait, comme décrit sur:> vsdoc

disons, nous voulons ouvrir custom des bribes pour la langue. Alors nous pouvons faire:

1. Frapper > commande+ p
2. Type: aller.json + entrée Et vous atterrissez sur la coutume extrait de la page

les extraits sont définis dans un format JSON et stockés dans un par utilisateur (languageId).fichier json. Par exemple, Markdown extraits d'aller dans une markdown.fichier json.

version 0.10.6 vous pouvez ajouter des extraits personnalisés. Lire la documentation sur Création de vos Propres Extraits de. Vous pouvez trouver/créer des confettis en plaçant le fichier json C:\Users\<yourUserName>\AppData\Roaming\Code\User\snippets. Par exemple, un extrait javascript personnalisé serait dans un \snippets\javascript.json

vous pouvez également publier vos extraits, ce qui est une fonctionnalité très soignée. John Papa a créé une belle angular + typescript snippet vous pouvez télécharger comme une extension dans le marché.

voici un exemple d'extrait pris pour la documentation sur un javascript pour loop:

"For Loop": {
    "prefix": "for",
    "body": [
        "for (var ${index} = 0; ${index} < ${array}.length; ${index}++) {",
        "\tvar ${element} = ${array}[${index}];",
        "\t",
        "}"
    ],
    "description": "For Loop"
},

Où

• For Loop est l'extrait de nom
• prefix définit un préfixe utilisé dans l'IntelliSense déroulant. Dans ce cas, pour.
• body est le fragment de contenu. Les variables possibles sont:
  • $1, $2 pour la tabulation
  • ${id} et ${id:label} et ${1:label} pour les variables
  • les Variables avec le même id sont connectées.
• description est la description utilisée dans le IntelliSense déroulant

cochez cette site web. vous pouvez générer des extraits pour le code vs, le texte sublime et l'atome.

il s'agit d'une fonctionnalité non documentée à partir de maintenant mais qui arrive bientôt. Il y a un dossier dans lequel vous pouvez les ajouter et ils apparaîtront, mais il peut changer (il n'est pas documenté pour une raison).

le meilleur conseil est d'ajouter ceci au site uservoice et d'attendre sa finale. Mais il est à venir.

Vous pouvez ajouter des scripts personnalisés, accédez à File --> Preferences --> User Snippets. Sélectionnez la langue de votre choix.

si vous choisissez Javascript, vous pouvez voir le script personnalisé par défaut pour console.log(' '); comme ceci:

"Print to console": {
    "prefix": "log",
    "body": [
        "console.log('');",
        ""
    ],
    "description": "Log output to console"
},

il y a un Plugin VsCode appelé : créateur d'extraits..

Après l'installation , tout ce que vous avez à faire c'est :

1. Sélectionnez le code que vous voulez en faire un extrait.
2. faites un clic droit dessus et sélectionnez "Palette de commandes" (ou Ctrl+Maj+ P).
3. Ecrire "Create Snippet".
4. choisissez un nom d'extrait.
5. Choisir un extrait raccourci.
6. choisissez le type de fichiers à surveiller pour déclencher votre raccourci.

C'est Tout ..

Note: Si vous voulez éditer vos extraits , vous les trouverez dans [fileType].json

Exemple : Ctrl+ P , puis sélectionnez "javascript.json"

VSCode introduisez ceci dans la version 0.5,voir ici. La syntaxe des snippets suit le TextMate snippet syntaxe et peut écrire dans les Préférences de l'Utilisateur.

si vous préférez ne pas vous occuper de l'écriture de vos snippets dans JSON, Vérifiez Snipster. Il vous permet d'écrire des extraits comme vous écririez le code lui - même-ne pas avoir à envelopper chaque ligne dans des guillemets, caractères d'évasion, ajouter des méta-informations, etc.

il vous permet aussi écrire une fois, de publier n'importe où. Donc vous pouvez utiliser votre snippet en VS Code, Atom, et Sublime, plus d'éditeurs dans le futur. Plus d'info ici.