Maison  >  Article  >  outils de développement  >  Apprenez à configurer vos propres extraits de code dans Sublime3

Apprenez à configurer vos propres extraits de code dans Sublime3

藏色散人
藏色散人avant
2021-11-02 16:36:583682parcourir

La colonne tutorielle suivante de sublime vous présentera comment configurer vos propres extraits de code dans Sublime3. J'espère qu'elle sera utile aux amis dans le besoin !

Définissez vos propres extraits de code dans Sublime Text 3

Lorsque vous écrivez du code, vous écrivez souvent l'auteur, l'heure de création, etc. De cette façon, vous pouvez laisser votre propre marque. Aujourd'hui, je vais vous apprendre comment construire. vos propres extraits.

Sublime Snippets (Code Snippets)

Sublime Text 3 Snippets est une fonction importante dont vous avez besoin lorsque vous devez saisir à plusieurs reprises le même extrait de texte et de code.

Les extraits de code peuvent être stockés dans le dossier de n'importe quel package, mais pour plus de simplicité, il est recommandé de les enregistrer d'abord dans le répertoire Packages/Utilisateur

Le format de fichier des extraits de code est .sublime-snippet. Habituellement, la structure de l'extrait de code est. comme suit

<snippet>
    <content><![CDATA[Type your snippet here]]></content>
    <!-- Optional: Tab trigger to activate the snippet -->
    <tabTrigger>xyzzy</tabTrigger>
    <!-- Optional: Scope the tab trigger will be active in -->
    <scope>source.python</scope>
    <!-- Optional: Description to show in the menu -->
    <description>My Fancy Snippet</description>
</snippet>

Nous avons seulement besoin En remplaçant le contenu de CDATA par le vôtre, vous pouvez écrire les extraits les plus simples.

Créez vos propres extraits de code

Ensuite, nous utiliserons nos propres commentaires de code comme exemple pour écrire un extrait de code.

Tout d'abord, sélectionnez Outils | Développeur | Nouveaux extraits... dans la barre de menu sublime, puis entrez

<snippet>
  <content><![CDATA[
/*
* @author:  ManiaU
* @createTime:  ${1:time}
* @description:  ${2:description}
*/
]]></content>
  <!-- Optional: Set a tabTrigger to define how to trigger the snippet -->
  <tabTrigger>comm</tabTrigger>
  <!-- Optional: Set a scope to limit where the snippet will trigger -->
  <scope>source.js</scope>
</snippet>

où le contenu est le contenu du Snippet, tabTrigger est le format de fichier qui peut être reconnu comme Snippet lorsque vous entrez le content, et la représentation de la portée prend effet. Dans le contenu, ${} est le contenu qui peut être sélectionné par la touche de tabulation une fois la saisie terminée, ${1:} est le contenu qui peut être sélectionné directement après la saisie, $. {2:} est le contenu qui peut être sélectionné en appuyant une fois sur la touche Tab, et ainsi de suite.

Ensuite, enregistrez-le sous comment.sublime-snippet, puis entrez comm dans un fichier js, appuyez sur l'onglet clavier et votre extrait apparaîtra.

Le plug-in de saisie de l'heure

Snippet est généré, mais l'heure n'est toujours pas fixée. Ensuite, créez votre propre plug-in, sélectionnez Outils | Nouveau plugin... dans la barre de menu sublime, entrez. le contenu suivant

import sublime, sublime_plugin
from time import localtime, strftime
class InsertDatetimeCommand(sublime_plugin.TextCommand):
    def run(self, edit):
        sel = self.view.sel();
        for s in sel:
            self.view.replace(edit, s, strftime("%Y-%m-%d, %H:%M:%S GMT%z", localtime()))

Enregistrez sous insert_datetime.py, puis ajoutez

{
  "keys": ["super+ctrl+t"],
  "command": "insert_datetime"
}

dans Préférence | Liaisons de touches. Cela signifie que vous pouvez insérer l'heure en appuyant sur ⌘+Contrôle+T avec l'extrait ci-dessus, après avoir inséré le commentaire. ajoutez l'heure et la description, vous pouvez facilement générer vos propres annotations, comme indiqué ci-dessous

/*
* @author:  ManiaU
* @createTime:  2017-03-14, 22:33:00 GMT+0800
* @description:  This is a test!
*/

Postscript

Bien sûr, les extraits de code sont plus utiles que cela. Vous pouvez configurer divers extraits de code dans votre environnement, ce qui peut grandement améliorer l'efficacité du travail. .Explorons ensemble.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer