jade在命令行实时编译

jade文件：
doctype html
    html
       head
            title jade study
       body
           h1 imoock jade study

 

在jade文件夹下，终端输入
jade index.jade

会在index.jade文件的平级声称一个index.html

<!DOCTYPE html><html> <head><title>imooc jade study</title></head><body><h1>imoock jade study</h1></body></html>
这样生成的是压缩的html代码，没有可读性

 

在命令行下输入
jade -P index.jade
这样生成的页面就是这样子的，是我们要的那种正常的html样子
<!DOCTYPE html>
<html>
        <head>
            <title>imooc jade study</title>
        </head>
        <body>
           <h1>imoock jade study</h1>
       </body>
</html>

 

我们每次修改jade文件的时候，需要实时看到页面效果，肯定不希望，每改完一次都去运行一下jade,执行下面命令行
jade -P -w index.jade
这样就能实时监控jade文件都修改，页面实时改变已更改后的内容

 

从这可以看出jade的一点规律，也就是jade语法上的常识
1、元素的标签不需要写尖括号
2、子元素相对于父元素需要保持一个缩进
3、标签和文本之间要有一个空格的隔开，来区分左边是标签，右边是文本

这几点是比较基础的语法特征，



posted @ 2018-07-01 08:32  wzndkj  阅读(390)  评论(0)  编辑  收藏  举报