Sparkup-plugin, inspirerad av den populära ZenCoding, låter dig snabbt skapa HTML-strukturer. Det är ett viktigt verktyg i din Vim handväska!
Sparkup är otroligt lätt att använda. Låt oss granska en handfull användarfall.
nav> ul> li> a * 4 Länkar
Observera att vi kan skapa inbyggda element genom att använda >
symbol. Dessutom, för att skapa flera element av samma typ, använd *
symbol (tänk multiplicera). Slutligen kan vi ställa in värdet för varje element genom att omsluta en sträng inom lockiga axlar.
div # container> header> h1 My Header < + div#content My Content + footer > h2 My Footer
Min rubrik
Mitt innehåll
Den här gången använder vi <
symbol för att resa tillbaka upp i kedjan. Detta gör det möjligt för oss att skapa inbyggda HTML-strukturer, och sedan återvända till toppen av kedjan för att ytterligare skapa syskonelement.
ul [class = nav]> li * 5> a [href = http: //url.com] Link
Attribut kan appliceras på element genom att placera dem inom parentes ([
). Om du släpper bort värdet - som, en [href]
, Du kan sedan manuellt infoga den efter expansion. I MacVim kan du använda Kontroll + N
och Kontroll + P
genvägar för att växla mellan nästa och tidigare stopppunkter.