Zen-Coding trabajando en modo Ninja con Gedit

2 comments
Entrando Zen - Coding.. modo ninja!!! :)

Hace poco ande metiendome en la programación web propiamente con ExtJS y de vez en cuando metiendome un poco a los Css, revisando que tal me va con ellos jugueteando.

Zen Coding es un plugin para editores que nos permite programar mas rapido tanto como ser  HTML, XML, XSL,CSS y otros formatos. El proyecto fue creado por Sergey Chikuyonok en 2009 y continúa siendo desarrollado activamente por Chikuyonok Zen y los usuarios de  Zen Coding.

Esta herramienta se ha incorporado en un sin fin de editores e IDE's asi como un vistoso y sencillo  plug-in la mayoria desarrollado por el grupo que lleva a flote Zen Coding y otros echos por la comunidad no oficiales. 


Asi que comenzamos con el soporte que tiene, y después la instalación mas un par de ejemplos ;).


Soporte de los siguientes Editores


Editores Oficiales 

Aptana/Eclipse (crossplatform) 
TextMate (Mac) 
Coda (Mac) 
Espresso (Mac) 
Komodo Edit/IDE (crossplatform) 
Notepad++ (Windows) 
<textarea> (browser-based) 
editArea (browser-based) 

Desarrollados por terceros 

Dreamweaver (Windows, Mac) 
Sublime Text (Crossplatform) 
UltraEdit (Windows) 
TopStyle (Windows) 
GEdit (crossplatform) 
BBEdit/TextWrangler (Mac) 
Visual Studio (Windows) 

Editores no oficiales 

IntelliJ IDEA/WebStorm/PHPStorm (crossplatform) 
Emacs (crossplatform) 
Vim (crossplatform) 
ReSharper plugin for Visual Studio
    Como soy mas amante de Gedit :), explicare como instalar el plugin   y usarlo

    Instalando

    1.- Primero  descargar el archivo zip  y descomprimir

    2.- Movemos el archivo zencoding.gedit-plugin creando una carpeta  zencoding en ~/.gnome2/gedit/plugins/

    ┌─( snifer ) - ( ~/Escritorio )
    └──┤ mv zencoding  /home/snifer/.gnome2/gedit/plugins/

    3.- Ahora nos vamos a Gedit, Edit → Preferences → Plugins y lo habilitamos.


    Zen  Coding perfectamente instalado :) para saber mas de su uso y conocer sus atajos aqui tenemos su Cheat-Sheet de ZenCoding

    Ingreso :
    html:5
    Salida
     
     
    
    
     
    
    

    Para poder extender todo lo que hagamos se hace con ctrl + e honestamente algunos diran esto es para vagos pues talvez tengan razon pero ayuda bastante ahorrando lineas de codigo aun mas cuando uno tiene que hacer las mismas cosas cada vez.

    Espero les sirva de algo. 

    2 comentarios

    1. Disculpa lo que pasa es que lo estoy queriendo instalarr para vim, pero no funciona ya intenete muchas veces, alguien que me pueda yudar

      ResponderEliminar
      Respuestas
      1. Claro que si mas tarde hare la prueba y te comento.

        Regards,
        Snifer

        Eliminar