pug模板引擎原本叫�jade,但后来因为商标原因更名为pug,哈巴狗。但语法还与之前的相同,只是换了个名字。pug的语法并不好,移植性差,调试困难,但能提高编码效率。
安装
全局安装cli:npm install pug-cli -g
本地安装:npm install pug --save-dev
命令行
学习pug之前先要学会几个命令的使用
【编译命令:pug -P index.pug】
先建立一个index.pug文件,在文件中输入以下命令
然后在命令行中写入pug -P index.pug 命令,即可进行基础编译
编译完成后,在当前目录下生成index.html文件 以下为生成结果
【自动编译:pug -w】
在pug文件中修改内容后并保存,相应的html文件会实时编译为最新更改内容
【路径命令】
指定pug文件编译后保存在指定文件夹中,则需要参数-o,若指定文件夹不存在,则会自动生成相应文件夹
【重命名命令】
默认地,编译后的HTML与pug文件同名。如果需要重命名,则可以进行如下设置
通过如下设置,可以同时设置路径和名称
[注意]这里的路径必须提前建立好,否则不会成功
pug <xx.pug> <xx/xx.html>
【监控当前所有的pug文件:pug -P -w *.pug】