icono_twiter
Alejandro Pérez García

Alejandro es socio fundador de Autentia y nuestro experto en J2EE, Linux y optimización de aplicaciones empresariales.

Ingeniero en Informática y Certified ScrumMaster

Si te gusta lo que ves, puedes contratarle para darte ayuda con soporte experto, impartir cursos presenciales en tu empresa o para que realicemos tus proyectos como factoría (Madrid).
Puedes encontrarme en Autentia: Ofrecemos servicios de soporte a desarrollo, factoría y formación.

Ver todos los tutoriales del autor

Fecha de publicación del tutorial: 2011-02-01

Tutorial visitado 4.194 veces Descargar en PDF
Como editar XML o HTML con el plugin xmledit deVim

Como editar XML o HTML con el plugin xmledit de Vim

Creación: 31-1-2011



Índice de contenidos

1. Introducción
2. Entorno
3. Instalación
3.1. Instalación de vimball
3.2. Instalación de pathogen
3.3. Instalación de xmledit
4. Funcionalidades de xmledit
5. Conclusiones
6. Sobre el autor



1. Introducción

El Vim es un potente editor de textos, o como dice mi querido amigo Enrique Comba “es un DSL para manipulación de texto”.

En este tutorial vamos a ver como podemos editar XML, HTML o en general cualquier lenguaje de marcas, gracias el plugin xmledit de Vim.



2. Entorno

El tutorial está escrito usando el siguiente entorno:

  • Hardware: Portátil MacBook Pro 17' (2.8 GHz Intel i7, 8GB DDR3 SDRAM, 256GB Solid State Drive).

  • NVIDIA GeForce GT 330M with 512MB

  • Sistema Operativo: Mac OS X Snow Leopard 10.6.6

  • MacVim 7.3 (aunque también funciona para el Vim que viene instalado por defecto en el Mac, que es versión 7.2)

  • xmledit 1.9.1



3. Instalación

La última versión de xmledit (la 1.9.1 a la hora en que escribo estas líneas) está pensada para instalar con un vimball compatible con pathogen.

Vamos a suponer que tenemos el Vim o el MacVim recién salidos de fábrica, por lo que antes de nada vamos a instalar el vimball y el pathogen.



3.1. Instalación de vimball

Vimball es un plugin que permite hacer archivos comprimidos con el vim. Estos archivos comprimidos son paquetes de Vim que podremos distribuir.

Para instalarlo nos bajamos la última versión de la web. Será un fichero .tar.gz que copiaremos dentro de ~/.vim/

Ahora lo descomprimimos con:

$ cd ~/.vim

$ tar -xzf vimball.tar.gz

$ rm vimball.tar.gz

Con el último paso lo que estamos haciendo es borrar el tar.gz ya que una vez descomprimido no es necesario.



3.2. Instalación de pathogen

Pathogen es un plugin que permite manipular las opciones del path. Esto nos va a permitir tener los plugins instalados en su propio directorio, en vez de tenerlos todos juntos en ~/.vim/plugin

Para instalarlo nos bajamos la última versión de la web. Será un fichero .vim que copiaremos dentro de ~/.vim/autoload/

Ahora añadimos la siguiente línea en el fichero ~/.vimrc (conviene que la añadamos al principio)

call pathogen#runtime_append_all_bundles()



3.3. Instalación de xmledit

Xmledit es el plugin que nos facilita un poquito la vida cuando trabajamos con XML o HTML. Nos va a permitir, por ejemplo, saltar de una etiqueta a su correspondiente cierre, que nos escriba automáticamente la etiqueta de cierre en cuanto escribimos la de apertura, y algunas cosillas más que detallaremos más adelante.

Para instalarlo nos bajamos la última versión de la web. Será un fichero .vba que copiaremos dentro de ~/.vim/

Ahora lo descomprimimos con:

$ cd ~/.vim

$ vim xmledit-1.9.1.vba (es decir, estamos editando el fichero con el vim)

:so %

:q (salimos del vim)

$ rm xmledit-1.9.1.vba

Con el último paso lo que estamos haciendo es borrar el .vba ya que una vez descomprimido no es necesario.



4. Funcionalidades de xmledit

Ahora que ya lo tenemos correctamente instalado podemos empezar a jugar con él. El plugin se activa automáticamente en cuanto abrimos un fichero de estilo xml, y tenemos a nuestra disposición las siguientes funcionalidades:

  • % - en modo normal nos permite saltar entre el < de apertura y el > de cierre de una etiqueta.

  • \% o \5 - en modo normal o visual nos permite saltar entre la etiqueta de apertura y la etiqueta de cierre.

  • > - en modo de inserción lo que hace es escribirnos automáticamente la etiqueta de cierre y nos deja el cursor entre ambas para poder seguir insertando texto.

  • >> - en modo de inserción hace lo mismo que > pero nos añade un salto de línea, de forma que nos queda cada la etiqueta de apertura y cierre cada una en una línea y nosotros nos quedamos insertando texto en una línea entre ambas etiquetas.

  • \x - en modo visual lo que hace es rodear el texto marcado con una etiqueta. Nos aparecerá un diálogo donde nos preguntará la etiqueta que queremos usar, así como sus atributos.

  • \d - en modo normal lo que hace es eliminar las etiquetas que rodean al texto marcado.

También se integra con el sistema de tags del Vim.



5. Conclusiones

El Vim es un poderoso editor por si solo, pero además tenemos que recordar que existen multitud de plugins para aumentar sus capacidades. En este tutorila hemos visto un pequeño plugin que nos puede resultar muy útil si editamos ficheros XML o HTML.

Y recordar siempre que un buen artesano conoce las herramientas que maneja. No os conforméis con las herramientas tal cual vienen “de fábrica”. Buscar, investigar, probar, experimentar como sacarle el máximo partido a vuestras herramientas y a vuestro entorno, para que vuestro trabajo del día a día sea más cómodo y aumentéis vuestra productividad.



6. Sobre el autor

Alejandro Pérez García, Ingeniero en Informática (especialidad de Ingeniería del Software) y Certified ScrumMaster

Socio fundador de Autentia (Desarrollo de software, Consultoría, Formación)

mailto:alejandropg@autentia.com

Autentia Real Business Solutions S.L. - "Soporte a Desarrollo"

http://www.autentia.com



A continuación puedes evaluarlo:

Regístrate para evaluarlo

Por favor, vota +1 o compártelo si te pareció interesante

Share |
Anímate y coméntanos lo que pienses sobre este TUTORIAL: