的初步认识1.对pug1的初步认识。所谓哈巴狗就是我们之前说的玉,就是一个通过缩进写代码的过程。在编译过程中,我们不需要考虑标签是否关闭的问题。另外,使用这种编译方式加快了我们编写代码的速度,也为代码复用提供了方便。2、在学习pug的基本语法之前,首先要了解pug命令行的使用,例如:doctypehtmlhtmlheadtitleaaabody将上面的程序写在文件中,然后保存为xxx.pug的格式,然后在终端命令xxx.pug中输入pug,按回车键,当我们回到之前的项目编译时,会发现在编译器中多了一个与xxx同名的xxx.html文件。点击之后我们会发现html的基本格式已经打印出来了。但是这里有个问题,基本格式的排版不像我们平时写的格式,这里需要输入命令pug-Pxxx.pug;把pug格式转成HTML的时候,就可以得到我们想要的格式了。为了实时自动更新我们修改后的代码样式,我们也可以在终端输入这样的命令:pug-P-wxxx.pug;如果不想继续更新,快捷键是:ctrl+c。3.如果不想设置路径在当前目录下输入编译后的html文件,但是如果需要自定义目录,需要设置-o参数如下,index.html会被输入在a目录下,如果a目录不存在,会新建一个目录:pugindex.pug-oa4。批量编译:假设href下的所有pug文件都编译完了,可以这样写:pughref5.结构语法:label[tree]默认情况下,在每行文本的开头(或者后面是白色字符)写上名字这个HTML标签。用缩进来表示标签之间的嵌套关系,这样就可以构建HTML代码的树形结构ulliItemAliItemBliItemC。持续更新,欢迎大家指教!
