Vim Essential Plugin Sparkup

El complemento de chispa, inspirado en el popular ZenCoding, le permite crear rápidamente estructuras HTML. Es una herramienta esencial en tu bolso Vim.!

Descarga el Plugin Sparkup

Uso

Sparkup es increíblemente fácil de usar. Repasemos un puñado de casos de uso..

1. Crear una lista desordenada de enlaces

 nav> ul> li> a * 4 Enlaces

Salida

     Campo de golf   Campo de golf   Campo de golf   Campo de golf

Tenga en cuenta que podemos crear elementos anidados utilizando el > símbolo. Además, para crear múltiples elementos del mismo tipo, use el * símbolo (pensar multiplicar). Por último, podemos establecer el valor de cada elemento envolviendo una cadena entre llaves..

2. Crear una estructura de sitio web básica

 div # container> header> h1 My Header < + div#content  My Content  + footer > h2 mi pie de página

Salida

    Mi cabecera 
   Mi contenido 
   Mi pie de página

Esta vez, estamos usando el < Símbolo para viajar de vuelta por la cadena. Esto nos permite crear estructuras HTML anidadas, y luego regresar a la parte superior de la cadena para crear más elementos hermanos.

3. Aplicar atributos a los elementos

 ul [class = nav]> li * 5> a [href = http: //url.com] Link

Salida

    Enlazar  
   Enlazar  
   Enlazar  
   Enlazar  
   Enlazar

Los atributos se pueden aplicar a los elementos colocándolos entre corchetes (El). Si omites el valor - como, a href], luego puede insertarlo manualmente después de la expansión. En MacVim, puede utilizar el Control + N y Control + P Accesos directos para alternar entre los puntos de parada siguientes y anteriores.

Código