TheJoe.it Dans le (ouvrir) Source

22Jan/140

Activer le plugin “codage zen” su gedit

Attention!

Cet article a été rédigé dans le 2014, il peut y avoir eu certains développements en la matière.
En cas de doute s'il vous plaît laissez un commentaire en bas de l'article.
Merci.

zen-codage

Pour ceux qui ne connaissent pas, gedit est l'éditeur de texte de votre choix pour une distribution Linux basée sur Gnome. Il est préinstallé sur la plupart des distributions Linux, à l'exception de celles basées sur différents gestionnaires de fenêtres Gnome (Où, xfce, lumières, etc.). Il est principalement utilisé pour l'édition de fichiers de configuration pour le système, mais prend en charge un grand nombre de langages de programmation et est extensible avec des plugins dédiés.

Pour cette raison,, avant utilisation Supports, J'ai utilisé Gedit également pour l'édition HTML et CSS.

C'est gedit.

gedit

L'interface utilisateur de gedit, avec la sélection de la langue.

"Codage Zen" il s'agit plutôt d'une nouvelle façon, plus rapide, à écrire en HTML. Plugins officiels (téléchargé à partir du référentiel: http://code.google.com/p/zen-coding/) sont publié sous la licence MIT, mais il ne sont pas aussi répertoriés dans le dépôt officiel, y compris une paire de gedit: Plugin Frank Marcias et à Mike Crittenden.

En fait, les deux plugins sont très similaires et l'installation des deux est élémentaire, juste que vous êtes familier avec les fichiers et dossiers. Je ne vais pas aller dans un tutoriel sur l'installation un ou l'autre, deux procédures sont bien documentés sur leur GitHub, Je voudrais plus que tout de se concentrer sur le fonctionnement du plugin lui-même.

Supposons que vous voulez créer un en-tête de page HTML et la navigation d'un site. Normalement c'est ce que je voudrais écrire "a mano":

<div id ="page">
        <div class ="logo"></div>
        <ul id ="navigation">
                <li><a href =""></une></li>
                <li><a href =""></une></li>
                <li><a href =""></une></li>
                <li><a href =""></une></li>
                <li><a href =""></une></li>
        </st>
</div>

Avec le codage zen au lieu d'écrire une seule ligne d'instructions, qui seront interprétées et détendu dans la façon dont nous savons:

div # page>div.logo   ul # navigation>que 5 *>une

L'explication est simple et essentiel, il suffit de comparer les deux codes. Dans la pratique, le premier terme définit un tag, si elle est suivie par "#terme" définir l'identifiant des balises connexes tels que "terme", si nous suivons le symbole "moins" (>) tag qui va suivre sera la première balise enfant. Si nous suivons le symbole "+" l'étiquette qui suit sera "frère". Vous pouvez ensuite spécifier un nombre de répétitions de la même étiquette (et, éventuellement, leurs attributs), le multipliant par un nombre de choix ("que 5 *").

Sur référentiel Google di Zen Coding, Nous pouvons trouver une liste de tous les scénarios possibles. C'est une page de garder dans les favoris.

Content de cet article?

Inscrivez vous à notre fil rss!

Sur

Je garde ce blog comme un hobby par 2009. Je suis passionné de graphisme, la technologie, logiciel Open Source. Parmi mes articles ne sera pas difficile de trouver de la musique, et quelques réflexions personnelles, mais je préfère la ligne directe du blog principalement à la technologie. Pour plus d'informations me contacter.

Commentaires (0) Trackbacks (0)

Aucun commentaire pour l'instant


Laisser un commentaire

Aucun trackbacks pour l'instant