pug新手学习

Posted 房东家的猫

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了pug新手学习相关的知识,希望对你有一定的参考价值。

感觉自己有段时间没有跟新了,唉,只是一直找不到可以写的必要

其实我一直对pug特别感兴趣的,安装点我

记得全局安装pug和pug-cli就行了

在webstorm配环境记得在前面加-P

技术分享图片

  1. a: img?内联式语法
  2. input/自闭合
 button.btn.btn-tt.btn-aaa(type="button") #[div 123]
 ='\n'
 div#foo(data-bar='foo' checked) 这里面也可以写文字 #[div]
  ul
????????each val in [1,2,3,4,5]
????????????li=val
 //??------插入css/js/html
????style
????????include style.css
????script
????????include script-1.js
????html
????????include 222.pug
??? p
????????| 其实我这也是能写东西的 #[a(href="#")]
????p 我是不是可以再可以写内容
????????????include 222.pug??
    在标签里插入其他内容
    - var title = "还是我写写中文吧";
    h1=title
    - var author="enlore";
    p #{author}
    - ttt='https://exampla.com';
    a(href=ttt) 按照这样的语法写就行了
        

技术分享图片

以上是关于pug新手学习的主要内容,如果未能解决你的问题,请参考以下文章

初步认识pug

我不能用express.js执行jade(pug)

IOS开发-OC学习-常用功能代码片段整理

jade(pug)学习笔记(待填充.......)

我最喜欢的模板jade(pug)学习和使用

如何将数组变量从javascript传递到pug文件?