jade、bower

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

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一直以来非常庆幸曾经有翻过《代码大全2》;这使我崎岖编程之路少了很多不必要的坎坷。它在软件工艺的话题中有写到一篇:...
    晚晴幽草阅读 1,594评论 3 33
  • 编译jade index.jade,得到压缩后的代码(也就是没有空格)jade -P index.jade,得到格...
    亲爱的孟良阅读 643评论 0 0
  • Jade和Sass一样通过空格来控制格式,一般推荐使用tab(2个空格键大小)来进行缩进。 一.Jade 小技巧 ...
    JamesSawyer阅读 5,464评论 7 2
  • 睡得早,自然醒的早!我大概属于这个城市里最早休息的人,十多年的生活习惯,无论冬夏,很少超过十点。除了陪女儿高中读书...
    辉煌Ad098阅读 191评论 0 2
  • 36°的一下午,我拉上了窗帘,打开音响,吹着风扇,屋子里环绕着五月天的《少年他的奇幻漂流》。温度有点热,但是旋律伴...
    山风LLAN阅读 228评论 0 0