学习Jade模板引擎

      在知乎上刷了好久关于jade，ejs等js模板引擎方面的讨论，本菜鸟看到那么多大神争论的面红尔赤，几乎就要开干，无奈小弟懂得太少，没法和那些大神/伪大神一起撕逼。所以就来摸摸的学习一下jade。学好之后好杀回去装逼，仅此而已。//你来打我呀！

     

      一：学jade是为了什么？

      1，相信很多前端切图仔和我一样，都是直接写html页面，一个页面一个页面的粘贴复制，写好后很潇洒的扔给后台开发，后台再套用页面，嵌入模板。

      2，jade省去了页面的尖括号，而且可以引入其他的jade，方便我们做模板嵌入。

      3，面试的时候我们有忽悠和吹嘘的资本。

    

      二：构建jade编译流程

      1，看到网上有直接用jade插件编译的也很不错，不过我还是推荐直接构建一个gulp编译流程，并引入相关依赖，gulp-jade,  配置好文件后，jade文件将会自动编译，你每保存一下，都会自动进行编译更新html。

      2，jade文件高亮显示，为了有更好的视觉效果。

      3， jade文件与编译的html文件。

     

  

  是不是看着很perfect。当然jade也是有缺点的，据说它的缩进和空格会影响它编译的速度。

  那些性能相关的暂时不是本菜要考虑的，先学习吧。