Pas Tout A Fait

Aller au contenu | Aller au menu | Aller à la recherche

Activer ZenCoding dans Geany sous Debian Squeeze

Dernière mise à jour le 23 janvier 2013

Zen Coding est une extension existante pour les principaux éditeurs de textes et IDE, qui vise à améliorer la productivité lors de l'écriture de code HTML/CSS. Un plugin existe pour le logiciel Geany, un éditeur de texte multiplateforme très léger. Les fichiers de ce plugin sont disponibles sur Github. Voyons comment installer Zen Coding dans Geany.

zen-coding-logo.png


C'est quoi le Zen Coding

Édition du 23/01/2013 : ZenCoding change de nom et s'appelle désormais Emmet.

Le but de Zen Coding est d'accélérer la production de code via une syntaxe courte et des raccourcis clavier permettant d'étendre cette syntaxe courte vers la syntaxe standard HTML/CSS.

Par exemple, la ligne :

div#page>div.logo+ul#navigation>li*5>a

Deviendra lors de l'appui sur MAJ+CTRL+E :

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

Ça semble un peu étrange dans un premier temps, mais la syntaxe courte est très intuitive, et permet de gagner un temps précieux lors de la saisie d'une structure HTML/CSS.

Une vidéo bluffante montre la puissance de Zen Coding, ici en version 0.5 (actuellement nous en sommes à la version 0.7) :

Un présentation complète de Zen Coding est également disponible sur le site SmashingMagazine.


Installation

Bien sûr, il faut Geany et ses plugins, mais aussi les versions de développement de libgtk2.0 et python :

apt-get install geany geany-plugins libgtk2.0-dev python-dev dh-autoreconf

On récupère les sources du plugin sur Github :

cd /usr/src
git clone git://github.com/codebrainz/geany-zencoding.git

On compile :

cd geany-zencoding/
./autogen.sh
./configure --prefix=`pkg-config --variable=prefix geany
make

Et enfin on installe, en tant que root si besoin :

make install

Voilà notre plugin disponible !

Activation

Il faut pour finir activer le plugin le Geany. Ça se passe dans "Outils - Gestionnaires de plugins".

zen-coding.png

Une fois la case cochée, Zen Coding est immédiatement utilisable.


Utilisation

Des raccourcis clavier permettent d'utiliser Zen Coding et donc d'étendre le code, etc.

zen-coding-shortcuts.png

Il est possible de modifier à sa sauce les raccourcis, comme l'a fait Raphaël Goetter (voir la page Snippets Zen Coding personnalisés).

Un outil remarquable !

Matthieu Patout

Auteur: Matthieu Patout

Restez au courant de l'actualité et abonnez-vous au Flux RSS

Les commentaires sont fermés


aucune annexe