Html tag lerinden kurtulup direk yazmaya yarayayan javascript kütüphanesidir.
<html>
<head>
<h1>Hello World!</h1>
</head>
<body>
<p>Merhaba</p>
</body>
</html>şeklinde oluşturulan html yapısı sürekli tag aç tag kapat işleminden dolayı vakit kaybettiriyor. Bunun yerine pug.js kullanarak aşağıdaki gibi yazabiliriz;
html
head
h1 Hello World!
body
p MerhabaBurada hiyerarşiyi belirleyen space tuşudur, örnek olarak aşağıdaki pug kodu,
div
h2
html çıktısı şu şekilde olacaktır;
<div></div><h2></h2>
div’in içine tanımlamak istersek şu şekilde yazmalıyız;
div
h2
Pug js’i kullanabilmek için node.js kurulmalı ve ardından kullanılan ide’nin console kısmına aşağıdaki kodu eklemelisiniz;
$ npm install pug
