Zen Coding in Aptana

Zen Coding in Aptana

Programmierer sind ja (meistens) faule Säcke und sparen nicht nur am Quellcode (optimal Optimierung genannt), sondern auch an der zu investierenden Zeit. Da ich zur Zeit auch sehr viel HTML erzeugen darf, bin ich durch Zufall auf zen-coding gestoßen.

zen-coding stellt für HTML- und CSS-Entwickler das NonPlusUltra der Code-Assistenten. Man tippt lediglich ein Pattern wie

html:xt

gefolgt von einer Tastenkombination und schon erstellt zen-coding einen komplettes xHTML-Codegerüst. Für HTML und CSS gibt es dutzende Patterns, die man mittels einer zusätzlichen Datei noch erweitern kann.

Die Einbingung in Aptana ist recht einfach: Man erstellt im Workspace ein zusätzliches Projekt (Name spielt keine Rolle), in dem man das Verzeichnis "scripts" anlegt (natürlich ohne Anführungszeichen). In dieses Verzeichnis extrahiert man das Aptana-Plugin, das man sich vorher von der Google Code-Seite heruntergeladen hat.
Danach nur noch den Workspace bzw. Aptana neu laden und schon sollte Zen Coding im Scriptsmenü erscheinen.

Ab jetzt kann man mit so schönen Patterns wie

ul.meineListe>li.punkt$*5

noch schöneres HTML

<ul class="meineListe">
	<li class="punkt1"></li>
	<li class="punkt2"></li>
	<li class="punkt3"></li>
	<li class="punkt4"></li>
	<li class="punkt5"></li>
</ul>

erzeugen. Ich habe dem Plugin noch folgende Änderungen unterzogen:
Da unter Mac OS X die Tastenkombination ALT+E mit dem Euro-Zeichen hinterlegt ist und ich diese Kombination zum Auslösen des Patterns sowieso recht unglücklich fand, habe ich in der Datei "Expand Abbreviation.js" (im scripts-Verzeichnis) folgende Änderung vorgenommen. In Zeile 5 wurde aus

 * Key: M3+E
 * Key: M1+Enter

und somit kann ich mittels CMD+Entertaste dem Kürzelwahn fröhnen.

Um Zen Coding in allen Editoren von Aptana einzubinden, muss man die Zeile 24 von

var editor_type = zen_coding.getEditorType();

in

var editor_type = zen_coding.getEditorType() || 'html';

ändern.

Kommentar abgeben