How to add pug engine in Express.js ? – GeeksforGeeks
How to add pug engine in Express.js ?
Express is a small framework that sits on top of Node.js web server functionality to simplify its APIs and add helpful new features. It makes it easier to organize your application’s functionality with middleware and routing; it adds helpful utilities to Node.js’s HTTP objects; it facilitates the rendering of dynamic HTTP objects.
In this article, we are going to learn how to use the pug engine in Express.js.
Let us first start by creating a node.js project named pug. For that let’s create the folder named pug and run the command npm init in it.
Now that we have set up our project, let’s now install the necessary packages.
First, we install Express.js, to install we will run the command:
npm install express --save
Next, we will install pug. Run the following command to install:
npm install pug --save
Now to set pug as the view engine, run the command:
express --pug
or
express --view=pug
Now run the project by using the command:
npm start
Example: You can edit the content of the file index.pug to change the content of the screen.
HTML
extends layout
block content
h1= title
p Welcome to #{title}
p Let's start using Pug
Output:
Now you are ready to start using the pug template engine in express in your projects.
My Personal Notes
arrow_drop_up