Accentsconagua

Vim Essential Plugin Sparkup

Code
Share

Das Sparkup-Plugin, das vom bekannten ZenCoding inspiriert wurde, ermöglicht das schnelle Erstellen von HTML-Strukturen. Es ist ein unverzichtbares Werkzeug in Ihrer Vim-Handtasche!


Laden Sie das Sparkup Plugin herunter

Verwendungszweck

Sparkup ist unglaublich einfach zu bedienen. Sehen wir uns ein paar Anwendungsfälle an.

1. Erstellen Sie eine ungeordnete Liste von Links 

 nav> ul> li> a * 4 Links

Ausgabe

Beachten Sie, dass wir verschachtelte Elemente erstellen können, indem Sie die verwenden > Symbol. Um mehrere Elemente desselben Typs zu erstellen, verwenden Sie außerdem die * Symbol (mehrmals denken). Schließlich können wir den Wert jedes Elements festlegen, indem Sie einen String in geschweifte Klammern einschließen.

2. Erstellen Sie eine grundlegende Website-Struktur 

 div # container> header> h1 Mein Header < + div#content  My Content  + footer > h2 Meine Fußzeile

Ausgabe 

 
  
 Meine Kopfzeile 
  
 Mein Inhalt 
 
 
 Meine Fußzeile

Diesmal benutzen wir die < Symbol zum Zurückfahren der Kette. Dadurch können wir verschachtelte HTML-Strukturen erstellen und dann zum Anfang der Kette zurückkehren, um gleichgeordnete Elemente zu erstellen.

3. Wenden Sie Attribute auf Elemente an 

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

Ausgabe 

 
     
  •   Verknüpfung  
    •  
  •   Verknüpfung  
    •  
  •   Verknüpfung  
    •  
  •   Verknüpfung  
    •  
  •   Verknüpfung  
    •

Attribute können auf Elemente angewendet werden, indem sie in Klammern gesetzt werden ([). Wenn Sie den Wert weglassen - wie, a [href], Sie können es dann nach der Erweiterung manuell einfügen. In MacVim können Sie das verwenden Steuerung + N und Strg + P Verknüpfungen zum Umschalten zwischen dem nächsten und vorherigen Haltepunkt.

Code
×