Ajouter automatiquement des closing comments à Sublime Text 3

Quand vous codez la structure de votre page en HTML, vous pouvez ouvrir une balise et la refermer des centaines de lignes plus bas. Nous allons voir comment les closing comments peuvent vous aider à y voir plus clair.

A quoi sert les closing comments ?

Même si l’indentation permet d’y voir clair dans son code, les closing comments permettent de voir en un coup d’œil quelle balise nous avons devant les yeux, même si celle-ci est ouverte 1 000 lignes plus haut.

Pour ce faire, une bonne pratique consiste a indiquer à la fermeture de notre balise sa .class et son #id associée :

<div id="monID" class="masuperclass">
	Mon contenu ici
</div><!-- #monID .masuperclass -->

Ajouter automatiquement des closing comments à Sublime Text 3

Personnellement, j’utilise Sublime Text 3 pour coder. La particularité de ce soft réside dans la multitude de plugins additionnels pour le rendre encore plus performant.
Et si un plugin n’existe pas, vous pouvez vous même coder vos fonctionnalités :)

Nous allons donc ajouter la prise en charge automatique des closing comments à Sublime Text 3. Pour ce faire, allez dans Sublim Text / Package Settings / Emmet / Settings – User

Arborescence vers les préférences utilisateur d'Emmet

Arborescence vers les préférences utilisateur d’Emmet

Une nouvelle fenêtre s’ouvre, avec vos préférences. Si vous n’en avez jamais ajouté, celle-ci devrait être vide.
Entrez ensuite ce bout de code, puis sauvegardez et redémarrez Sublime Text.

{
    "preferences": {
        "filter.commentAfter"  : "<!-- <%= attr('id', '#') %> <%= attr('class', '.') %> -->"             
     },
    "syntaxProfiles": {
        "html" : {
            // auto add the comments
            "filters": "html,c"
        }
    }
}

Et voilà, vous avez maintenant une gestion automatique des closing comments !

 

Source :
http://iaintnoextra.tumblr.com/post/68089741466/automatically-add-closing-comments-to-html-using

See ya’ space integrator

430

Auteur : PUShAUNE

Graphiste freelance, J'ai créé un collectif à Marseille appelé Bison Bleu. Je tiens un blog pour partager mes techniques et mes expériences. Je donne aussi des cours aux élèves de l’école Axe Sud.

À ton tour de participer :

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.