命令行实时编译

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、标签和文本之间要有一个空格的隔开,来区分左边是标签,右边是文本

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



猜你喜欢

转载自www.cnblogs.com/wzndkj/p/9249344.html