jade 升级为 pug
2017-09-04 本文已影响48人
雅玲哑铃
一、pug原为jade,后来更名了。
二、pug的安装
1、首先在node.js中下载安装node和npm,然后要通过Node.js的npm来安装pug,直接在cmd里面输入:npm install –g pug,还需要安装npm,在cmd里面输入:install -g pug-cli ,如果出现pug not found,说明node和npm没有安装好。-g表示全局安装。检验是否安装成功:pug –V(大写)。
三、pug的使用
我们首先在项目中新建一个index.pug文件,然后再终端处输入pug -P index.pug,就会生成一个index.html文档,如果用pug -P -w index.pug命令,我们在保存index.pug文件时候html文档就会及时更新。
四、pug语言的基础知识
1、pug不用写闭合标签,子级需在父级下一行进行缩进。
2、属性用括号()包裹
比如:link(rel="stylesheet",href="css/base.css")
3、文字内容用空格隔开
比如:title 小米官网
4、给元素设置类名有两种方法,比如给div设置类名div1
(1)、div.div1
(2)、div(class="div1")
5、文本内容
(1)单行文本与父级之间用空格隔开
(2)多行文本用
p.
XXXXX (前面一个缩进)
XXXXX
XXXXX