jade、bower

2018-01-29  本文已影响0人  鹿啦啦zz

1.jade

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

上一篇下一篇

猜你喜欢

热点阅读