Pug - Template language

Pug is an open source template language created in 2010 by Tj Holowaychuk.

#60on PLDB

16Years Old

12kRepos

Download source code:

git clone https://github.com/pugjs/pug

Pug – robust, elegant, feature rich template engine for Node.js

Tags: template language
Pug is developed on GitHub and has 21,601 stars
There are at least 11,560 Pug repos on GitHub
Early development of Pug happened in https://github.com/pugjs
Pug is written in Pug, JSON, HTML, JavaScript, Markdown, YAML, TypeScript, Stylus, CSS, CoffeeScript
The Google BigQuery Public Dataset GitHub snapshot shows 528 users using Pug in 575 repos on GitHub
Monaco package for syntax highlighting Pug
Pygments supports syntax highlighting for Pug
GitHub supports syntax highlighting for Pug
6 PLDB concepts link to Pug: Ace Editor, Jedi, Kaffeine, netbeans-editor, Nit, Pug

Example from Riju:

html
  body
    p Hello, world!

Example from hello-world:

doctype html
html
    head
       title Hello World
    body
       h1 Hello World

Example from Linguist:

p.
  Hello,
  World!

append block case default doctype each else extends for if in include mixin typeof unless var when

Language features

Feature	Supported	Example	Token
Inheritance	✓
Comments	✓	// A comment
Line Comments	✓	// A comment	//
Strings	✓
Assignment	✓	- var title = "On Dogs: Man's Best Friend"; h1= title
Functions	✓	mixin article(title) .article .article-wrapper h1= title if block block else p No content provided +article('Hello world') +article('Hello world') p This is my p Amazing article
Switch Statements	✓	- var friends = 10 case friends when 0 p you have no friends when 1 p you have a friend default p you have #{friends} friends
Conditionals	✓	- var user = {description: 'foo bar baz'} - var authorised = false #user if user.description h2.green Description p.description= user.description else if authorised h2.blue Description p.description. User has no description, why not add one... else h2.red Description p.description User has no description
File Imports	✓	//- index.pug doctype html html include includes/head.pug body h1 My Site p Welcome to my super lame site. include includes/foot.pug
hasForEachLoops	✓	ul each val in [1, 2, 3, 4, 5] li= val
Semantic Indentation	✓