美文网首页
pug模板的使用及终端

pug模板的使用及终端

作者: likeli | 来源:发表于2017-09-04 19:29 被阅读0次

今天学习到了pug的使用方法,下面我为大家介绍一个例子

doctype html

html

head

meta(charset="utf-8")

title 这是pug的练习

link(rel="",href="")

body

-h1 今天学了pug

div(class="box")

div#div1

p

h2 哈哈

strong 你好

//创建一个pug

//打开终端 进入当pug文件目录

//1.结构靠缩进

//2.属性用()

//3.文字内容用空格

//pug -P 文件名:在终端文件目录下,把pug格式改成HTML格式,不换行

//pug -P -w 文件名:自动生成文件,在终端文件目录下,把pug格式改成HTML格式,换行

转换后结果如下:

//include header.pug:包含header.pug内容

//block source :模块(可以重新写)

//extends index.pug:继承index.pug

//pug -P 文件名 -o 文件名 把pug格式转换成HTML格式,并把它放在指定目录下

,以上就是今天学习到的知识哦,希望能对你有所帮助,如果有错误的地方也请指出来。

相关文章

  • pug模板的使用及终端

    今天学习到了pug的使用方法,下面我为大家介绍一个例子 doctype html html head meta(c...

  • Pug的安装及使用

    为什么使用pug Pug,原名jade,是流行的HTML模板引擎,最大的特色是使用缩进排列替代成对标签,简化了HT...

  • koa2 动态模板渲染引擎中间件 koa-views + pug

    koa2 的模板渲染有很多,比如pug(原 jade)、ejs 等等,这里以 pug 为例。同时使用 koa-vi...

  • 第十二节: ejs与pug模板引擎

    模板引擎 node框架express, koa可以像php一样使用后台语言模板,常用的模板引擎有ejs和pug 1...

  • Jade —— 简洁的HTML模版引擎

    在NodeJs+npm+gulp+bower环境下使用pug模板引擎 1、官方文档 Jade —— 源于 Node...

  • 模板引擎

    1.模板引擎:模板引擎编译成html,静态js,css; jade与pug同名 2.如何使用jade解析字符串: ...

  • vue中使用pug 和 stylus

    pug的使用 先安装node环境 (1)安装支持pug依赖:npm install pug pug-loader ...

  • pug模板

    pug安装 nodeJS ---> node环境npm ---> 插件管理器 ---> 下载安装插件【链接】Nod...

  • Vue2.0配置pug模板引擎

    简介 pug,原名jade,是流行的HTML模板引擎,它是HAML在JavaScript上的实现,最大的特色是使用...

  • vue3+ts 搭建系统问题小结

    自定义组件v-model报错 解决方案:使用v-model:xx格式 ts声明props类型 使用pug模板 安装...

网友评论

      本文标题:pug模板的使用及终端

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