Share
De sparkup-plug-in, geïnspireerd door de populaire ZenCoding, stelt u in staat snel HTML-structuren te maken. Het is een essentieel hulpmiddel in je Vim-handtas!
Sparkup is ongelooflijk gemakkelijk te gebruiken. Laten we een handvol gebruikscasussen bekijken.
nav> ul> li> a * 4 links
Merk op dat we geneste elementen kunnen maken met behulp van de > symbool. Als u meerdere elementen van hetzelfde type wilt maken, gebruikt u de * symbool (denk aan vermenigvuldigen). Ten slotte kunnen we de waarde van elk element instellen door een tekenreeks tussen accolades te wikkelen.
div # container> koptekst> h1 Mijn koptekst < + div#content My Content + footer > h2 Mijn voettekst
Mijn kop
Mijn inhoud
Deze keer gebruiken we de < symbool om terug de keten op te gaan. Dit stelt ons in staat om geneste HTML-structuren te maken en vervolgens terug te keren naar de bovenkant van de keten om meer elementen voor broers en zussen te maken.
ul [class = nav]> li * 5> a [href = http: //url.com] Link
Attributen kunnen op elementen worden toegepast door ze tussen haakjes te plaatsen ([). Als u de waarde weglaat, zoals, a [href], je kunt het dan handmatig invoegen na de uitbreiding. In MacVim kunt u de Controle + N en Controle + P snelkoppelingen om te schakelen tussen de volgende en vorige stoppunten.
Accentsconagua