This helps if you are familiar with HTML and simply want to extend by looping data, conditional rendering, formatting etc. Some see the benefit of Handlebars is how closely it looks like HTML. Handlebars is based on the Mustache syntax using as the general variable delimiter. Some template engines look quite like HTML like Handlebars and EJS whereas others are vastly different and are indentation based like Pug. Some of the benefits is the ability to insert variables/data, loop data to create HTML, conditional rendering and other clever rendering rules and formatting. app.Templating engines are essentially a way to generate HTML. Within your Express route, you can then render your Pug files by calling the res.render function with the path of the file (starting from the directory set by the app.set('views') option). app.set('view engine', 'pug') įurther, you must set the view directory of your app so that Express knows where to look for your Pug files (for compilation). However, you must set the view engine property of your Express application to pug.

If you are using Express in your application, you do not need to require('pug'). You can now use pug in your project through the standard require mechanism: const pug = require('pug') Run npm install pug -save to install the pug module to your current project.Have the Node.js environment installed on your machine.To install the Pug template rendering system, follow these steps: When you run this file with npm main.js, you should get the following HTML code output in your console: Hello World, John!Ĭongratulations, you just created and compiled your first template! On to more advanced stuff, such as Conditionals, Iteration, and much more! Installation First, let's create a template to be rendered! p Hello World, #)

Pug template conditional