Following example shows how we can use this feature −Īpp. Instead of copying that to every view we create, we can use the include feature. For example, if you see a news website, the header with logo and categories is always fixed. Pug provides a very intuitive way to create components for a web page.

But if we don’t pass any object or pass one with no user key, then we will get a signup link. When we render this using our routes, we can pass an object as in the following program − To achieve this, we can define a simple template like − If a User is logged in, the page should display 'Hi, User' and if not, then the 'Login/Sign Up' link. We can use conditional statements and looping constructs as well. The above code will display the following output. This method of using values is called interpolation. For example, in the above example, if we wanted to put Greetings from TutorialsPoint, then we could have done the following. To run this page, add the following route to your app −Īpp.get('/first_template', function(req, res) syntax. Inside that create a file called first_view.pug, and enter the following data in it. Add the following code to your index.js file. Now that Pug is installed, set it as the templating engine for your app. To use Pug with Express, we need to install it, There is a lot of ground to cover on this. Pug is a very powerful templating engine which has a variety of features including filters, includes, inheritance, interpolation, etc. Nowuse app.set () method as shown below in index.js to set Pug templating engine. After successful installation of Pug engine, create a directory named views.

Templating engines are used to remove the cluttering of our server code with HTML, concatenating strings wildly to existing HTML templates. To install Pug templating engine, execute the following command: npm install -save pug Remember to use save in command to update package.json. I find the pug much more attractive and easier to write.Pug is a templating engine for Express. The syntax of EJS can get cluttered very quick with all the percent signs, while pug is very readable, more pretty, and much faster to write than ordinary HTML.Ĭompare and contrast these two pieces of code which achieve about the same thing: // conditional example Personally, I found EJS to be simpler to learn, but once I learned Pug, I like it a lot more as it has better functionality for me. Pug has additional features which help you write HTML more efficiently such as mixins. The basic features of both are adding scripts into your code and includes which help you organize. They serve pretty much the same purpose and achieve the same things.

Pug is, I agree, harder to learn because it is not as similar to HTML as EJS is. Would like to know what are the differences in features/functionality between ejs and pug.

I am a beginner, I feel that ejs is easier for me to learn.

Pug template engine for express