博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
关于pug的笔记
阅读量:6715 次
发布时间:2019-06-25

本文共 1008 字,大约阅读时间需要 3 分钟。

一、简介

Pug 是一款健壮、灵活、功能丰富的模板引擎,专门为 Node.js 平台开发。Pug 是由 Jade 改名而来,他可以帮助我们写html的时候更加的简单明了。

安装、使用pug的过程
打开cmd
直接输入npm install pug-cli -gd
最后显示出如图的样子就安装成功了:
图片描述

创建一个文件夹在文件夹中创造一个index.pug和name.bat的文件,然后在用记事本打开文件name.bat然后输入pug pug -P("P"为大写) -o a -w,双击name.bat就会自动创建一个a文件,在a文件中还会自动生成index.html即可在index.pug中编写index.html,简单明了。

注意编写index.pug是空格和tab不能同时使用,否则会发生编译失败的现象。

下面给大家展示一些关于pug的简单的语法

html(lang="en")    head        meta(charset="UTF-8")        meta(name="viewport", content="width=device-width, initial-scale=1.0")        meta(http-equiv="X-UA-Compatible", content="ie=edge")        title Document        link(rel="stylesheet", href="../css/index1.css")    body        div(class="div1")        div(class="div2")        a(class="button" href="http://www.baidu.com") 百度        ='\n'        input(        type='checkbox'        name='agreement'        checked        )

(上面是index.pug里的代码)


(下面是index.html里的代码<编译后的>)

<!DOCTYPE html>
<html lang="en">
<head>

Document

</head>

<body>

百度

</body>

</html>

转载地址:http://voelo.baihongyu.com/

你可能感兴趣的文章
服务器端推送技术
查看>>
python开发工具
查看>>
Home Assistant系列 -- 自动语音播报天气
查看>>
Hyberledger-Fabric 1.00 RPC学习(1)
查看>>
SDNU 1450.报时助手
查看>>
BZOJ 4144 Dijkstra+Kruskal+倍增LCA
查看>>
阻塞与非阻塞,同步与异步
查看>>
HTML段落自动换行的样式设置
查看>>
Android实现左右滑动指引效果
查看>>
html里frame导航框架实现方法
查看>>
shell编程系列5--数学运算
查看>>
在 UWP 应用中创建、使用、调试 App Service (应用服务)
查看>>
Active MQ C#实现
查看>>
C#实现秒表程序
查看>>
cJSON 使用笔记
查看>>
CF1163E Magical Permutation
查看>>
BroadcastReceiver
查看>>
redis备份实操
查看>>
重要更新-Word 2003查找替换最后一个实例的第四种方法
查看>>
实现大屏幕全国监控各地流量和负载质量
查看>>