pug模板引擎(原jade)

pug模板引擎原本叫�jade,但后来因为商标原因更名为pug,哈巴狗。但语法还与之前的相同,只是换了个名字。pug的语法并不好,移植性差,调试困难,但能提高编码效率。

安装

全局安装cli:npm install pug-cli -g
本地安装:npm install pug --save-dev

命令行

学习pug之前先要学会几个命令的使用
【编译命令:pug -P index.pug】
先建立一个index.pug文件,在文件中输入以下命令


pug.png

然后在命令行中写入pug -P index.pug 命令,即可进行基础编译
编译完成后,在当前目录下生成index.html文件 以下为生成结果


html.png

【自动编译:pug -w】
在pug文件中修改内容后并保存,相应的html文件会实时编译为最新更改内容
【路径命令】
指定pug文件编译后保存在指定文件夹中,则需要参数-o,若指定文件夹不存在,则会自动生成相应文件夹
d.png

【重命名命令】
 默认地,编译后的HTML与pug文件同名。如果需要重命名,则可以进行如下设置
  通过如下设置,可以同时设置路径和名称
[注意]这里的路径必须提前建立好,否则不会成功
pug <xx.pug> <xx/xx.html>
【监控当前所有的pug文件:pug -P -w *.pug】

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容