pug学习

wangbjun 发布于2019-08-29 16:17 / 948人阅读

摘要：学习由于商标版权问题，已经改名为。是一个高性能的模板引擎，它是用实现的，并且可以供使用当然还支持其他语言。

pug学习

jade(pug)
由于商标版权问题，jade已经改名为Pug。
Pug 是一个高性能的模板引擎，它是用 JavaScript 实现的，并且可以供 Node 使用,当然还支持其他语言。

文件后缀名为.pug(.jade)

pug优点

可读性高

灵活的缩进

块展开

代码默认经过编码处理(转义),安全性高

运行时和编译时上下文错误报告

支持命令行编译

支持html5模式

在内存中缓存(可选)

原生支持 Express

合并动态和静态标签类

过滤器

安装

npm安装建议安装个nrm来进行源管理

npm install pug -g
npm install pug-cli -g

测试demo

为了方便编写代码,最好把编译器的tab设置:2.

// index.jade

doctype html
html
  head
    title jade test
  body
    h2 jade study

粗暴的编译方法

// index.html
jade testjade study

发现编译后的代码不具备可读性

pug -- help
 Options:
     -P, --pretty           compile pretty HTML output ## 输出漂亮结构的HTML
    -D, --no-debug         compile without debugging (smaller functions) ## 不带调试的编译
    -w, --watch            watch files for changes and automatically re-render ## 对某个文件的变动保持监控
    -E, --extension   specify the output file extension ## 指定输出文件扩展名
    -s, --silent           do not output logs ## 不输出日志
// 重新编译
pug -P index.jade


  
    jade test
  
  
    jade study

自动编译
只是为了学习,这里只要设置-w -P .开发中通过打包工具来进行自动编译.

pug pug -o . -w -P

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/113649.html

pug学习

摘要：学习由于商标版权问题，已经改名为。是一个高性能的模板引擎，它是用实现的，并且可以供使用当然还支持其他语言。 pug学习 jade(pug)由于商标版权问题，jade已经改名为Pug。Pug 是一个高性能的模板引擎，它是用 JavaScript 实现的，并且可以供 Node 使用,当然还支持其他语言。文件后缀名为.pug(.jade) pug优点可读性高灵活的缩进块展开代码默...

li21 2019-08-23 10:44 评论0 收藏0
pug学习

摘要：学习由于商标版权问题，已经改名为。是一个高性能的模板引擎，它是用实现的，并且可以供使用当然还支持其他语言。 pug学习 jade(pug)由于商标版权问题，jade已经改名为Pug。Pug 是一个高性能的模板引擎，它是用 JavaScript 实现的，并且可以供 Node 使用,当然还支持其他语言。文件后缀名为.pug(.jade) pug优点可读性高灵活的缩进块展开代码默...

wangdai 2019-08-02 11:09 评论0 收藏0
初步认识pug

摘要：一初步认识所谓的就是我们之前说的也就是一种通过缩进的方式来编写代码的过程，在编译的过程中，我们不需要考虑标签是否闭合的问题。使用缩进来表示标签间的嵌套关系，这样可以构建一个代码的树状结构持续更新，欢迎大家指教一、初步认识pug 1.所谓的pug就是我们之前说的jade,也就是一种通过缩进的方式来编写代码的过程，在编译的过程中，我们不需要考虑标签是否闭合的问题。此外，用这种编译方式，加...

anRui 2019-08-29 16:17 评论0 收藏0
初步认识pug

摘要：一初步认识所谓的就是我们之前说的也就是一种通过缩进的方式来编写代码的过程，在编译的过程中，我们不需要考虑标签是否闭合的问题。使用缩进来表示标签间的嵌套关系，这样可以构建一个代码的树状结构持续更新，欢迎大家指教一、初步认识pug 1.所谓的pug就是我们之前说的jade,也就是一种通过缩进的方式来编写代码的过程，在编译的过程中，我们不需要考虑标签是否闭合的问题。此外，用这种编译方式，加...

supernavy 2019-08-02 11:09 评论0 收藏0
webpack打包多页面

摘要：创建打包路径利用这个方法，我们可以获得需要打包的文件路径方法中获取文件路径的模块也可使用模块，根据获得打包的文件路径，我们可以使用来实现多页面打包。前言一开始接触webpack是因为使用Vue的关系，因为Vue的脚手架就是使用webpack构建的。刚开始的时候觉得webpack就是为了打包单页面而生的，后来想想，这么好的打包方案，只在单页面上使用是否太浪费资源了呢？如果能在传统多页...

Allen 2019-08-23 13:45 评论0 收藏0