Pug uses whitespaces and indentation as the part of the syntax. Let's learn how to use pug template engine in Node.js application using Express.js. Let's take a template engine pug (formerly known as jade). For example, to use the Pug template engine: app.set('view engine', 'pug'). view engine: It specifies the template engine that you use.It does not directly add anything to the output. Unbuffered Code Unbuffered code starts with. There are three types of code: Unbuffered, Buffered, and Unescaped Buffered.

In the views folder, we create a file called index with an extension called.

Within the src, create a folder called views. In the root folder, create a folder called src.

Let’s create our own Pug file to fully understand the Pug template.

Views: It specifies a directory where the template files are located.įor example: app.set('views', './views'). Pug allows you to write inline JavaScript code in your templates. Let’s install PUG in our Node application as a dependency.

To render template files you have to set the following application setting properties: Template engine makes you able to use static template files in your application. Many programmers like mustache template engine mostly because it is one of the simplest and versatile template engines. According to the template-benchmark, pug is 2x slower than Handlebars, EJS, Underscore. Pug is similar to Haml which uses whitespace. In the above template engines, pug (formerly known as jade) and mustache seems to be most popular choice. So this approach is preferred to design HTML pages easily.įollowing is a list of some popular template engines that work with Express.js: At runtime, it replaces variables in a template file with actual values, and transforms the template into an HTML file sent to the client. JSP is one of the most popular view technologies for Java applications, and it is supported by Spring out-of-the-box.A template engine facilitates you to use static template files in your applications.

Example pug template