Jade 简单使用示例

Jade 简单使用示例

###Jade 简单使用示例

####**安装**

`npm install jade -g`


####**指令**

`jade --help`

####**编译**

`jade -P *.jade`

####**常用示例**

	doctype html
	html
		title test
		include block/links
		style.
			.container{
				color: red;
			}
		body
			| <h1>Title</h1>
			| <p>foo bar baz</p>
			p.
				halj就阿斯利康的房价就按垃圾地方 
				设计的风口浪尖啊了 sjhdfajl
			- var foo = 'bar';
			- if(foo)
				ul
					li = yal
					li jskjf
					li= foo
					li #{foo}
			- else
				p oh no!
	
			- var array = ['a','b','c']
			ul
				each item, i in array
					li #{item} ==> #{i}
			script.
				if(foo){
					bar();
				}else{
					baz();
				}
			#box.container(data-name="blue") hello world


文件目录结构如下

	.
	├── block
	│   └── links.jade
	├── test.html
	└── test.jade