学习使用gulp-jade模板引擎

Jade是一个基于javascript，可以运行在node与浏览器环境的一个前端模板引擎，对于日益庞大的前端页面
来说，还是用老的字符串拼接的方法来嵌入html内容已经不适应当下的开发趋势了。

1、安装gulp-jade

jade基于nodejs的开发环境，所以我们首先要安装nodejs,nodejs的安装方法这里有更详尽的步骤其实在之前的博客中已经提及了，这里就不在赘述了，nodejs官网可以直接下载安装包。

安装gulp-jade插件，命令：$ npm install -g –save-dev gulp-jade
如果需要权限就在npm之前加上sudo。

2、使用gulp-jade来构建前端模版

创建一个名为jade的文件夹，在文件夹里创建一个名为jade.jade的文件。在jade.jade文件内写上jade规模的模版代码，如下：

在jade文件夹同级文件里找到或创建一个名为gulpfile.js的文件，编辑如下内容：

在jade文件夹中运行gulp-jade，命令：$ gulp jade

看下在新生成的newhtml文件夹下生成的jade.html：