This cookie is set by GDPR Cookie Consent plugin. These cookies ensure basic functionalities and security features of the website, anonymously. Necessary cookies are absolutely essential for the website to function properly.

Now access you will see the following output. imports express moduleĪpp.get('/', function(request, response) Now add route for newly create pug template in index.js as given below. The above code is similar to the HTML code below. heading which is class attribute and #message which is id attribute of HTML tag. We have starting tags but there is no need to mention ending tags. Look at the above code, it looks similar to HTML, however, there is no need of. Now we will create a file Hello.pug in views directory and add the following code. It has hard coded content and no content can be edited or updated from Static views have static content to render. Look at the code above, first we set pug engine, then we setĭirectory path for saving our templates. Nowuse app.set() method as shown below in index.js to set Pug templating engine. Remember to use –save in command to update package.json.Īfter successful installation of Pug engine, create a directory named views.

To install Pug templating engine, execute the following command: $ npm install -save pug It supports interpolation, filters and including It supports template inheritance, conditions and many other attributes Have to update menu code in each webpage.

But when we will create pages directly in HTML and CSS, we will For example, a menu is common is mostly all the We can use HTMLĪnd CSS directly to make web pages but it becomes difficult to manage these Using Pug templating engine for making frontend of Express JS. Express is written in JavaScript and JS supports multiple templatingĮngines like Mustache, Handlebars, doT, EJS, Nunjucks, Underscore, Pug, ECT,

Pug template routes