<!DOCTYPE html>html(lang="en")
head
meta(charset="UTF-8")meta(name="viewport", content="width=device-width, initial-scale=1.0")meta(http-equiv="X-UA-Compatible", content="ie=edge")
title Document
style..mydiv{width:200px;height:200px;background:red;}
body
h1 我是标题
div 我是div
div(class="mydiv") 我是类名为mydiv的div
span 我是span
.mydiv2(style={width:"100px",height:"100px",background:"blue"}) 我是div2
#myid 我是id为myid的div
//- 我是pug注释//-
我是第一行
我是第二行
// 我是html注释//
我是第一行
我是第二行
div
| hello
-let str ="你好"
p #{str}
p #{data}
ul
each item,index in users
li 姓名是:#{item.name};年龄是:#{item.age};身高是:#{item.height};索引是:#{index}-for(let i=0;i<4;i++)
span 我是循环出来的数据#{i}-let num =1case num
when 1
p num 是一
when 2
p num 是二
default
p num 是其他值
mixin mydiv
div 我是非常常用的div
+mydiv
+mydiv
mixin pet(name,sex)
p 这是一只#{name};它的性别是#{sex}+pet("狗狗","公")+pet("猫","母")
include common.pug
script(type="text/javascript").
console.log(1111);