Accentsconagua

Vim Essential Plugin Sparkup

Code
Share

Le plugin sparkup, inspiré du populaire ZenCoding, vous permet de créer rapidement des structures HTML. C'est un outil essentiel dans votre sac à main Vim!


Téléchargez le plugin Sparkup

Usage

Sparkup est incroyablement facile à utiliser. Passons en revue quelques cas d'utilisation.

1. Créer une liste non ordonnée de liens 

 nav> ul> li> a * 4 Liens

Sortie

Notez que nous pouvons créer des éléments imbriqués en utilisant le > symbole. De plus, pour créer plusieurs éléments du même type, utilisez la commande * symbole (pensez multiplier). Enfin, nous pouvons définir la valeur de chaque élément en enveloppant une chaîne entre accolades..

2. Créer une structure de base de site Web 

 div # conteneur> en-tête> h1 mon en-tête < + div#content  My Content  + footer > h2 mon pied de page

Sortie 

 
  
 Mon en-tête 
  
 Mon contenu 
 
 
 Mon pied de page

Cette fois, nous utilisons le < symbole pour remonter la chaîne. Cela nous permet de créer des structures HTML imbriquées, puis de revenir au sommet de la chaîne pour créer des éléments frères..

3. Appliquer des attributs aux éléments 

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

Sortie 

 
     
  •   Lien  
    •  
  •   Lien  
    •  
  •   Lien  
    •  
  •   Lien  
    •  
  •   Lien  
    •

Les attributs peuvent être appliqués aux éléments en les plaçant entre crochets ([). Si vous omettez la valeur - comme, un [href], vous pouvez ensuite l'insérer manuellement après expansion. Dans MacVim, vous pouvez utiliser le Contrôle + N et Contrôle + P raccourcis pour basculer entre les points d'arrêt suivants et précédents.

Code
×