pug笔记

• html转义

  p  以下链接：、、、 和 。
  

  这段pug是无法编译的会提示标签没有结束, 解决办法1，是使用html转义字符代替<,>，下面是更优雅的解决方法

  p!= `以下链接：、、、 和 `
  

  官网示例

  p
    = '这个代码被 <转义> 了！'
  //或者
  p= '这个代码被 <转义> 了！'
  //结果
  //
  这个代码被 <转义> 了！
  
  p
    != '这段文字 没有 被转义！'
  //或者
  p!= '这段文字' + ' 没有 被转义！'
  //结果
  //
  这段文字 没有 被转义！
  

• 块展开

  a: img
  //
  span: span: span 你好
  //你好
  

• 自闭和标签

  foo/
  //
  foo(bar='baz')/
  //
  

• 标签中的纯文本块

  script.
    if (usingPug)
      console.log('这是明智的选择。')
    else
      console.log('请用 Pug。')
  //script推荐用法
  div
    p This text belongs to the paragraph tag.
    br
    .
     This text belongs to the div tag.
  //
  This text belongs to the paragraph tag.
  This
  //text belongs to the div tag.