jade入门与初步使用

一、认识jade  

1、什么是jade

Jade是一个基于javascript，可以运行在node与浏览器环境的一个前端模板引擎，可以实现前后端渲染的统一

2、jade的优点

简洁和高效

Jade是为了提高前端开发人员的效率而产生的。Jade中，空格、换行、缩进都是有意义的

它省略了html中的闭合标签

3、安装

现在的jade改名为pug，所以：

npm install pug

二、jade的语法

1、Doctype

doctype html

2、标签

类似python的缩进

3、属性

input(type='checkbox', checked)

4、代码嵌入

（1）加一个" - "

- for (var x = 0; x < 3; x++)

（2）使用 =

p
  = 'This code is <escaped>!'

（3）使用 !=

5、插值语法

预先指定一个位置，方便以后插入一个新值，简称插值，即为 #{ }

- var theGreat = "<span>escape!</span>";
p This will be safe: #{theGreat}

6、遍历