1.安装jade : sudo install gade -g
2.编译html : jade -P -w test.jade (test是自己写的文件名输入这个指令后 会自动生成一个对应的html文件)
3.安装hede指令: sudo snpm hade -g (安装完成后 直接在终端输入hade 就可以跳到一个网页 将HTML源码和编译后的都显示出来)
jade 语法:
1.jade语法：通过缩进关系，代替以往html的层级包含关系，如 个简单的静态 可以表达为，注意要统一使用tab或者空格缩进，只需要写一个标签名就行
2.内联书写层级,a: img
3.style属性：div(style={width:”200px”,color:”red”})
4.使用”-”来定义变量，使用“=”把变量输出到元素内；
5.通过 #{variable} 插 相应的变 值
7.文本: 通过在 字前 添加竖线符号“|”可让 jade 原样输出内容 在html标签标记后 通过空格隔开 本内容 在html标签标记后通过添加英 号“.”添加块级 本
8.注释：可以通过双斜杠进 注释，jade有3种注释 式，可以分别对应输出html 注释、 输出html注释、块级html注释
9.循环：each val in [1,2,3]
10.判断语句：”if else” case when default
11.mixin：混合模式
1首先要下载nodeJs，下载完成后安装，安装完毕打开终端，输入node –v，如果可以看到版本信息，表明安装成功了2使用npm命令（npm install jade -g）安装JADE模块
3安装成功后打开WebStorm，点击菜单栏的file-settings，点击Tools，就会看到File Watchers选项项，点击File Watchers，会出现配置界面
4点击右侧的“+“号，在下拉列表中点击JADE
5里面的选项只需要配置两个即可，首先在Program选项中填入jadeNaNd的路径，因为JADE是安装在全局环境中的，所以jadeNaNd一般都在AppData\Roaming\npm 下，以我的电脑为例，完整路径是：C:\Users\Administrator\AppData\Roaming\npm\jade.cmd；然后再在Arguments中加上‘-P ’记得P要大写，P后面有个空格，完整内容如下：“-P $FileName$”
