Welcome folks today in this blog post we will be converting pug to html
using the pug-to-html
library in javascript. All the source code of the application is given below.
Get Started
In order to get started we need to install the pug-to-html
library globally inside your computer by issuing the npm command
npm i -g pug-to-html
After installing this command you will be able to use this library globally
inside your system.
Now you need to create a views
directory inside which you need to create a index.pug
file and copy paste the pug
code
index.pug
1 2 3 4 5 6 |
.card.text-center .card-header Bootstrap 4 card example .card-body .card-title Hello World, this is PugHtml i.fa.fa-home.fa-2x.text-primary .card-footer.text-muted powered by Bibooki |
Now we will convert this file by using this cli
library. So we need to issue the following command to convert the index.pug
which is there inside the views
directory and convert to index.html
.
pug-to-html views
Here views
is the directory in which all the pug
files are present
And then if you want to help regarding all the commands inside the cli
library
pug-to-html -h