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. -
%o5– 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 tutorial 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»
