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、标签和文本之间要有一个空格的隔开,来区分左边是标签,右边是文本
这几点是比较基础的语法特征,