一.为什么要学习jade?
- 通常大部分前端开发工作者一开始步入前端开发的时候，都是直接简单的写html页面然后丢给后台开发，后台开发在来嵌入模版。
- 对于日益庞大的前端页面来说，还是用老的字符串拼接的方法来嵌入html内容已经不适应当下的开发趋势了。
- 废话不多说，直接切入正题。
开始装jade。
-
jade基于nodejs的开发环境，所以我们首先要安装nodejs,nodejs的安装方法其实还是挺复杂的，所以请大家自己去百度或者google,省事可以直接去 nodejs 的官方网站下载nodejs的安装包直接安装就好了。 - 第二步我要安装npm包管理工具，在node环境下，不装grunt是无法开展工作的哟。
- 开始安装
jade插件了，下面的就是安装命令。
jade安装命令
开始使用jade来构建前端模版。
1.首先我们建立一个文件夹叫jade,然后在创建一个jade的文件叫index.jade即可。
创建index.jade文件
2.我们在jade文件内写上jade规模的模版代码，其实很好看懂。
index.jade
3.上面代码估计大家都能看懂，就是创建一个常规的前端html的文件，但是规范是jade的规范，然后我们可以进入cmd命令行工具 cd到当前的文件夹，然后暴力编译当前的jade文件，会看到同目录会生成一个压缩过的html的文件。
编译jade文件
4.压缩的过的可以通过加-P来不压缩，如果每次更改模版都要打命令行一次很麻烦是不是，我们可以通过加上jade -P -w index.jade 加上一个-w来开启监视模式，每次更改模版,html文件都会自动编译咯。
编译jade文件
5.我们现在来看看生成的html文件吧，是不是生成了正常的html dom树了呢？
jade文件编译后html文件
原文：http://www.cnblogs.com/qiansimin88/p/4160699.html?utm_source=tuicool&utm_medium=referral
