jade 升级为 pug

作者: 雅玲哑铃 | 来源:发表于2017-09-04 19:49 被阅读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

    相关文章

      网友评论

        本文标题:jade 升级为 pug

        本文链接:https://www.haomeiwen.com/subject/uxzejxtx.html