Autocompletado del cierre de etiquetas HTML con el editor #Vim

Veamos cómo poder autocompletar de manera sencilla el cierre de etiquetas html cuando utilizamos el editor Vim para editar este tipo de archivos.

Muchos de los archivos que edito con Vim, son archivos html, y hace poco encontré la forma de poder ahorrar tiempo haciendo que Vim nos autocomplete el cierre de las etiquetas html de manera automática. Veamos cómo.

Este tutorial se une a la serie de artículos que he dedicado en el blog al editor Vim, que cada vez va creciendo más. Hasta ahora hemos aprendido cosas como:

Nos ponemos manos a la obra y veamos cómo Vim puede autocompletar el cierre de etiquetas en archivos html.

Lo primero que tenemos que hacer el editar nuestro archivo de configuración .vimrc y añadir la siguiente línea:

autocmd FileType html set omnifunc=htmlcomplete#CompleteTags

Ahora cuando en nuestro archivo html tengamos que cerrar alguna etiqueta (<ul><li><p><a> o cualquier otra) solo tenemos que escribir </ y después pulsar la combinación de teclas Ctrl+x Ctrl+o y Vim nos cerrará la etiqueta correspondiente.

Y lo hace de forma anidada, así que irá cerrando “de dentro hacia afuera”. Pero ¿por qué no mejorar eso, y en vez de tener que pulsar esa doble combinación de teclas, que Vim nos lo haga de una manera más sencilla? ¡Para eso hemos aprendido a crear abreviaturas!

Volvemos a editar nuestro archivo .vimrc y ahora añadimos una abreviatura. Yo he hecho que cuando escriba tres símbolos < automáticamente lo sustituya por un </ y además “pulse” la combinación Ctrl+x Ctrl+o de la siguiente manera:

:ab <<< </<C-x><C-o>

De esta manera cuando quiera cerrar una etiqueta en un archivo html simplemente tengo que escribir <<< y Vim se encargará de hacer el resto por mí facilitándome la tarea. Sencillo ¿no?

Pero comprobemos si esto es realmente así:

2 pensamientos en “Autocompletado del cierre de etiquetas HTML con el editor #Vim

  1. Una idea bastante ingeniosa. Ctrl-p también auto-completa —aunque es menos potente que el comando que describes—, pero no he podido crear una abreviatura para que me cierre la etiqueta. Probé: ab > sin éxito.

    Saludos.

Me gustaría saber tu opinión. Deja un comentario (Puedes usar MarkDown)

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s

Este sitio usa Akismet para reducir el spam. Aprende cómo se procesan los datos de tus comentarios .