How To: Setup Jade Template Engine

In this tutorial I’m going to step you through how to setup the awesome Jade Template Engine¬†using the build system gulp. But first, a brief introduction on why someone would want to use Jade.

Why Bother?

Jade is a powerful template engine with nice, minimalist syntax. Using a template engine instead of your standard HTML is a great way to introduce organization and consistency to your code. The structure gained from a template engine, like Jade, speeds up debugging, allows for rapid development, and provides a good separation between logic and markup.

Why Jade?

When looking through all of the possible template engines (and there are lots), Jade really stuck out to me because of the way it redefines creating HTML syntax. Of course, Jade’s style of syntax may not be for everyone, and it does introduce a new, albeit small, learning curve for development. However, I find writing Jade to be quicker and therefore more productive than dealing with the more verbose HTML directly. Additionally, Jade supports template inheritance, which is an incredibly useful feature. If you’re willing to learn a little more syntax to speed up your development, allow me to introduce Jade.

Continue reading “How To: Setup Jade Template Engine”

Advertisements
How To: Setup Jade Template Engine