pug模板的使用及终端

今天学习到了pug的使用方法，下面我为大家介绍一个例子

doctype html

html

head

meta(charset="utf-8")

title 这是pug的练习

link(rel="",href="")

body

-h1 今天学了pug

div(class="box")

div#div1

p

h2 哈哈

strong 你好

//创建一个pug

//打开终端 进入当pug文件目录

//1.结构靠缩进

//2.属性用()

//3.文字内容用空格

//pug -P 文件名:在终端文件目录下，把pug格式改成HTML格式，不换行

//pug -P -w 文件名：自动生成文件，在终端文件目录下，把pug格式改成HTML格式，换行

转换后结果如下：

//include header.pug:包含header.pug内容

//block source :模块（可以重新写）

//extends index.pug:继承index.pug

//pug -P 文件名 -o 文件名 把pug格式转换成HTML格式，并把它放在指定目录下

，以上就是今天学习到的知识哦，希望能对你有所帮助，如果有错误的地方也请指出来。