Vim Essential Plugin Sparkup

Sparkup-pluginet, inspirert av den populære ZenCoding, lar deg raskt lage HTML-strukturer. Det er et viktig verktøy i Vim vesken!


Last ned Sparkup Plugin

bruk

Sparkup er utrolig enkelt å bruke. La oss se gjennom en håndfull brukstilfeller.

1. Lag en uordnet liste over lenker

 nav> ul> li> a * 4 Links

Produksjon

 

Legg merke til at vi kan opprette nestede elementer ved å bruke > symbol. I tillegg til å opprette flere elementer av samme type, bruker du * symbol (tenk multiplikere). Til slutt kan vi sette verdien av hvert element ved å pakke inn en streng i krøllete bånd.

2. Lag en grunnleggende nettstedstruktur

 div # container> header> h1 My Header < + div#content  My Content  + footer > h2 Min bunntekst

Produksjon

 

Min topptekst

Mitt innhold

Min bunntekst

Denne gangen bruker vi < symbol for å reise opp igjen kjeden. Dette gjør at vi kan lage nestede HTML-strukturer, og deretter gå tilbake til toppen av kjeden for å videre lage søskenelementer.

3. Bruk attributter til elementer

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

Produksjon

 
  • link
  • link
  • link
  • link
  • link

Attributter kan påføres elementer ved å plassere dem innenfor parentes ([). Hvis du utelater verdien - som, et [href], Du kan da manuelt sette den inn etter utvidelse. I MacVim kan du bruke Kontroll + N og Kontroll + P snarveier for å bytte mellom neste og forrige stopppunkt.