Vim Essential Plugin Sparkup

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!


Ladda ner Sparkup-plugin

Användande

Sparkup är otroligt lätt att använda. Låt oss granska en handfull användarfall.

1. Skapa en oordnad lista över länkar

 nav> ul> li> a * 4 Länkar

Produktion

 

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.

2. Skapa en grundläggande webbplatsstruktur

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

Produktion

 

Min rubrik

Mitt innehåll

Min Footer

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.

3. Applicera attribut till element

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

Produktion

 
  • Länk
  • Länk
  • Länk
  • Länk
  • Länk

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.