Unlimited Plugins, WordPress themes, videos & courses! Unlimited asset downloads! From \$16.50/m

# Vim Essential Plugin: Sparkup

Difficulty:IntermediateLength:ShortLanguages:
This post is part of a series called Vim Essential Plugins.
Vim Essential Plugin: Surround
Vim Essential Plugin: SnipMate

The sparkup plugin, inspired by the popular ZenCoding, allows you to rapidly create HTML structures. It's an essential tool in your Vim handbag!

## Usage

Sparkup is incredibly easy to use. Let's review a handful of use cases.

#### Output

Note that we can create nested elements by using the > symbol. Additionally, to create multiple elements of the same type, use the * symbol (think multiply). Lastly, we can set the value of each element by wrapping a string within curly braces.

#### Output

This time, we're using the < symbol to travel back up the chain. This allows us to create nested HTML structures, and then return to the top of the chain to further create sibling elements.

#### Output

Attributes can be applied to elements by placing them within brackets ([). If you omit the value -- like, a[href], you can then manually insert it after expansion. In MacVim, you can use the Control + N and Control + P shortcuts to toggle between the next and previous stop points.