Nodejs 求一款html代码反成jade的工具

Nodejs 求一款html代码反成jade的工具

jade是一款高效的模板引擎，就是书写代码的时候需要稍加注意，一不小心就报错了，我最近在想，如果是扒的页面，在jade模板引擎中，那就麻烦了，要需要一句句的代码裁出来，这工作量…有点恐怖了哈，现想求的一款工具，其作用是：html转成jade代码的，如有大神知道，麻烦留个地址，小生拜谢

6 回复

Node.js 求一款 HTML 代码反成 Jade 的工具

Jade（现在更名为Pug）是一款高效的模板引擎，使用它编写模板时确实需要注意语法，否则很容易出错。然而，如果你需要将现有的HTML代码转换为Jade/Pug模板，手动转换确实是一项繁琐的工作。幸运的是，有一些工具可以帮助你完成这项任务。

使用 html2jade 工具

html2jade 是一个非常方便的命令行工具，可以将HTML代码自动转换为Jade/Pug代码。你可以通过npm安装这个工具，并使用它来快速完成转换。

安装 html2jade

首先，你需要全局安装html2jade：

npm install -g html2jade
使用 html2jade 进行转换

假设你有一个名为example.html的文件，内容如下：

<!DOCTYPE html>
<html>
<head>
    <title>Example Page</title>
</head>
<body>
    <h1>Welcome to the Example Page</h1>
    <p>This is a paragraph of text.</p>
</body>
</html>

你可以使用html2jade命令将其转换为Jade/Pug代码：

html2jade example.html

转换后的Jade/Pug代码将输出到标准输出，你可以将其重定向到一个新的文件中：

html2jade example.html > converted-example.pug

转换后的converted-example.pug文件内容可能如下所示：

doctype html
html
  head
    title Example Page
  body
    h1 Welcome to the Example Page
    p This is a paragraph of text.
在线工具

除了命令行工具外，还有一些在线工具可以帮助你进行HTML到Jade/Pug的转换。例如，你可以使用html2jade网站上传你的HTML文件并获得转换后的Jade/Pug代码。

总结

使用html2jade工具可以大大简化将现有HTML代码转换为Jade/Pug模板的过程。只需要简单的几个步骤，你就可以自动完成转换，从而节省大量时间。希望这些信息对你有所帮助！


https://github.com/donpark/html2jade

http://html2jade.com/

谢谢兄弟

谢谢兄弟！

针对这个问题，可以使用 html-to-jade 工具来实现 HTML 转换为 Jade（现在更常被称为 Pug）的功能。以下是如何使用该工具的步骤和示例代码。

安装

首先，你需要安装 html-to-jade 包。可以通过 npm（Node.js 的包管理器）来安装：

npm install -g html-to-jade

使用

安装完成后，你可以通过命令行工具将 HTML 文件转换为 Jade（Pug）文件。假设你有一个名为 example.html 的文件，想要将其转换为 example.pug 文件，可以在命令行中执行以下命令：

html-to-jade example.html

这将会生成一个名为 example.pug 的文件，其中包含转换后的 Jade（Pug）代码。

示例代码

假设你有一个简单的 HTML 文件 example.html 如下所示：

<!DOCTYPE html>
<html>
<head>
    <title>示例页面</title>
</head>
<body>
    <h1>欢迎来到示例页面</h1>
    <p>这是一个简单的段落。</p>
</body>
</html>

运行上述命令后，生成的 example.pug 文件内容将如下：

doctype html
html
  head
    title= "示例页面"
  body
    h1 欢迎来到示例页面
    p 这是一个简单的段落。

这种方式可以大大简化从 HTML 到 Jade（Pug）的转换过程，减少手动编辑的工作量。如果你有大量的 HTML 需要转换，这种方法会非常有用。

回到顶部