jade、bower
1.jade
jade | html |
---|---|
相对于HTML,Jade中的元素(Element)标记(Tag)没有用“<>”包围,
其属性(Attribute)是用“()”括起来的。Jade的元素没有相对应的“开始标记”和“结束标记”。
Jade是用“缩进”来描述元素的从属关系.
DOCTYPE
HTML本质上是XML,在HTML文件的起始位置需定义doctype。
doctype html | <!DOCTYPE html> |
---|
继承
Jade支持继承,即一个Jade模板继承自另一个Jade模板:
在上例中,layout.jade 文件是父模板,index.jade 是子模板,它继承自 layout.jade。
在父模板中,用关键字“block”定义可在子模板中替换的块,每个“block”有一个名字,在子模板中,同样用关键字“block”跟上该名字定义需在该“block”中填充的内容。
Jade支持多重继承,即子模板也可以是其它模板的父模板。
2.bower
初始化当前工程的bower,此操作会在当前目录下生成bower.json文件:
bower init
使用了bower的项目都会在目录下有一个bower.json文件。在该文件同级目录下,使用如下命令即可安装相关依赖库。
bower install
注意:bower下载安装依赖库实际上是使用git进行下载。
对于linux系统,由于默认都有安装git,所以一般没问题。
但是windows系统一般没有git。在windows系统下需要确定安装了git客户端,
建议使用同捆的git bash命令行来执行bower install命令。
或者把git目录加入windows的环境变量中,再在命令行中执行bower install命令。
bower的使用
使用bower安装某个特定类库,例如jquery:
bower install jquery
使用bower更新某个特定类库,例如jquery:
bower update jquery
删除包,例如jquery (如果包已经被依赖,则不能删除)
bower uninstall jquery
试着在项目文件夹下,下载jquery 和 underscore
bower install jquery underscore
bower安装命令失败怎么办?
下载git,用git-bash执行命令
用cmd初始化,init