pug

安装pug 与pug-cli 在这样的环境下才可以编写pug格式的文件
代码示例
doctype html
html
head
title hello pug
body
h1 pug pug
排版靠缩进 标签与内容之间用空格
样式在()里面书写
嵌套嵌套用冒号
类名直接是 标签+ . + 类名
id名直接是 标签+ # +类名
a标签书写样式 : a(href="google.com",title="google")
多行文本内容:
p.
asdfasdfa
asdfasd
adsfasd
注释 单行 // + 注释内容
多行<-- 内容 -- >
定义变量
var=“变量名称”

extends + 文件名称 继承上一个文件的全部内容
include + 文件名 用于把一个网页中的分立部分引用到一个网页中
block + 名称 把网页中的重复利用的一部分区域打包 可以再不同的网页中重复调用
其中又不相同的部分可以在其下面更改

关于pug 转化成html 文件保存的问题

  1. 在制定文件目录下 pug 文件名+回车
    2.设置 -o 参数 pug -P 文件名 -o 保存的文件名+回车
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,183评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 176,574评论 25 709
  • HTML基础 本文包括 HTML基本知识与结构 HTML常见标签 标签写法与嵌套的讨论 HTML、CSS、java...
    廖少少阅读 6,421评论 2 21
  • 那时的我还懵懂,那时的我还天真,那时的我什么也不懂。如今我学的多了懂得多了,得到了… 什么也没得到! 多想回到过去...
    14caa51c86e0阅读 1,693评论 0 1
  • 雷子和柠檬结婚五周年那天,叫上我们一众好友聚餐。说起雷子我们算是老铁,用现在流行的话就是男闺蜜。我和雷子初中就认识...
    沙湾姑娘阅读 1,950评论 2 1

友情链接更多精彩内容