📄 Pug转HTML转换器

Pug转HTML转换器能做什么？

Pug转HTML转换器是一款专为前端开发者设计的在线工具，能将Pug（原Jade）模板语法快速转换为标准HTML代码。输入Pug代码，工具即刻解析缩进嵌套、类名、ID、属性等语法，输出格式化或压缩的HTML，帮助开发者快速预览和调试Pug模板。

核心功能

• 语法解析：支持标签、类名（.className）、ID（#id）、属性（(attr=val)）、文本内容等核心Pug语法
• 缩进嵌套：自动根据缩进层级生成正确的HTML嵌套结构
• 自闭合标签：自动识别img、br、hr、input等自闭合标签
• 格式化/压缩：输出可选格式化（带缩进）或压缩（单行）HTML
• doctype支持：可选包含HTML5 doctype声明

使用教程

步骤1：在Pug输入区域输入或粘贴Pug/Jade代码，也可点击示例按钮加载。

步骤2：调整选项——是否格式化输出、是否包含doctype。

步骤3：工具实时转换，在HTML输出区域查看结果。

步骤4：点击"复制HTML"或"下载.html文件"保存。快捷键 Ctrl+Enter 转换，Ctrl+Shift+C 复制结果。

应用场景

场景1：前端模板开发

使用Pug编写HTML模板的开发者，用本工具快速预览生成的HTML结构，验证语法是否正确。

场景2：项目迁移

将Pug模板项目迁移到纯HTML项目时，批量转换Pug文件为HTML，减少手动改写工作量。

场景3：学习Pug语法

初学Pug的开发者通过实时转换对比Pug和HTML，快速理解Pug语法规则。

扩展知识

Pug（原名Jade）是一种高性能的Node.js模板引擎，通过缩进和简洁语法替代HTML的标签闭合写法。Pug支持变量插值、条件、循环、mixin、include和extends等高级功能。本工具实现基础语法转换，不包含模板逻辑（变量、条件等）的编译。生产环境建议使用Pug官方编译器（pug-cli或webpack loader）。