Sparkup-pluginet, inspirert av den populære ZenCoding, lar deg raskt lage HTML-strukturer. Det er et viktig verktøy i Vim vesken!
Sparkup er utrolig enkelt å bruke. La oss se gjennom en håndfull brukstilfeller.
nav> ul> li> a * 4 Links
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.
div # container> header> h1 My Header < + div#content My Content + footer > h2 Min bunntekst
Min topptekst
Mitt innhold
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.
ul [class = nav]> li * 5> a [href = http: //url.com] 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.