Vim Essential Plugin Sparkup

Pluginul sparkup, inspirat de popularul ZenCoding, vă permite să creați rapid structuri HTML. Este un instrument esențial în geanta dvs. Vim!

Descărcați pluginul Sparkup

folosire

Sparkup este incredibil de ușor de utilizat. Să analizăm câteva cazuri de utilizare.

1. Creați o listă neordonată de linkuri

 nav> ul> a> a * 4 Link

producție

     Link-uri   Link-uri   Link-uri   Link-uri

Rețineți că putem crea elemente imbricate utilizând funcția > simbol. În plus, pentru a crea mai multe elemente de același tip, utilizați * simbol (credeți că se înmulțește). În cele din urmă, putem seta valoarea fiecărui element prin împachetarea unui șir în cotierele curbate.

2. Creați o structură de bază a site-ului

 div # container> antet> h1 Antetul meu < + div#content  My Content  + footer > h2 Footer meu

producție

    Antetul meu 
   Conținutul meu 
   Footerul meu

De data aceasta, folosim < simbol pentru a călători înapoi lanțul. Acest lucru ne permite să creăm structuri HTML imbricate și apoi să ne întoarcem la partea de sus a lanțului pentru a crea în continuare elemente frățești.

3. Aplicați atribute la Elemente

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

producție

    Legătură  
   Legătură  
   Legătură  
   Legătură  
   Legătură

Atributele pot fi aplicate elementelor prin plasarea lor în paranteze ([). Dacă omiteți valoarea - cum ar fi, a [href], apoi puteți să îl inserați manual după expansiune. În MacVim, aveți posibilitatea să utilizați Control + N și Control + P comenzi rapide pentru a comuta între punctele de oprire următoare și cele anterioare.

Cod