|node.js
web应用中,动态生成html的工具,负责数据与模板的结合
常见的模板引擎有 ejs,jade(pug),nunjucks等
pug
编译 工具下载 npm install pug-cli -g
pug 生成的文件名 -w ( 跟随修改实时变化 )
pug 生成的文件名 -P ( 将生成的文件整理为可阅读格式 )
pug 生成的文件名 -w ( 跟随修改实时变化 )
注意事项
- 层级关系由缩进来表示 统一使用空格 或 统一使用 tab 没有闭合标签( 不需要 )
pug 页面元素
-
h1 标题 div div标签 div(class=“mydiv”) 类名为mydiv的 div .ball 第二个div
(直接写类名,也是div) #box 不仅可以写class类名(页面上显示为div) p p标签
css 样式
## 内联样式
style.
.mydiv{
width:200px;
background:red;
color:white;
text-align:center;
line-height:40px;
}
-
## 行间样式
.mydiv2(style={width:'100px'})
1
## 外联样式
link(rel="stylesheet" href="index.css" type="text/css")
## 单行注释
//- pug的注释 不会被加载
// html注释,只是读取
1