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格式,并把它放在指定目录下

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

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

推荐阅读更多精彩内容

  • linux资料总章2.1 1.0写的不好抱歉 但是2.0已经改了很多 但是错误还是无法避免 以后资料会慢慢更新 大...
    数据革命阅读 12,203评论 2 33
  • Ubuntu的发音 Ubuntu,源于非洲祖鲁人和科萨人的语言,发作 oo-boon-too 的音。了解发音是有意...
    萤火虫de梦阅读 99,468评论 9 467
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,837评论 18 139
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,786评论 1 92
  • 在所有资源中时间,不同于,其他资源,它没有弹性,找不到替代品,而且时间永远是短缺的,时间既不能停止,也不能保存,如...
    35岁前阅读 938评论 0 3