Jade是一个高性能的模板引擎,它深受Haml影响,它是用javascript实现的,并且可以供node使用。

打开命令行工具,安装jade:

npm install  -g jade

如何编译jade文件?首先得指向当前的工作目录

jade  -P -w main.jade

-P:不压缩html,默认是-p,表示压缩html;-w:实时编译jade。

1、由于jade的直观、简约、高效,让UI布局的工作变得不再繁琐。结构逐级向内嵌套,层次分明,增强了结构的可读性,相比于html,维护jade代码变得更加容易。

.page-header
    .page-center
        a
            img.logo(src='css/images/logo.png')
        .page-search
            i.icon-search
            input.search-input(type='text')
            input.btn-search.btn-search-text(type='button',value='搜索')

2、通过extends的方法,可以建立网站模板,甚至嵌套子模板都是可以的,非常方便的管理页面。

// layout.jade 
doctype html
html
    head
        meta(charset='utf-8')
        title my title
        block styles
    body
        header
            //- do something
        block content        
        footer
            //- do something
        block scripts
// about.jade
extends ./layout.jade
block styles
    link(rel="stylesheet", href="css/main.css")
block content
    p 正文...
block scripts
    script(type='text/javascript',src='js/jquery.min.js')
    script.
        alert("hello");