模板引擎很棘手答案

【问题标题】：template engines are tricky模板引擎很棘手
【发布时间】：2020-08-07 13:04:55
【问题描述】：

在学习了 html css 和 js 之后，我转向 node 发现我需要学习如何使用 pug 模板引擎，这比普通的 html 代码要难得多是否有任何包或任何东西可以直接将我的 html 代码转换为模板引擎

        main
            .grid
                each product in prods
                    article.card.product-item
                        header.card__header
                            h1.product__title Great Book
                        .card__image
                        .card__content
                            img(src="images/book.jpeg", class="image" alt="")
                            h2.product__price $19.99
                            p.product__description A very interesting book
                        .card__actions
                            button.btn Add to Cart

【问题讨论】：

欢迎来到 Stack Overflow。请注意：要求我们推荐或查找书籍、工具、软件库、教程或其他场外资源的问题对于 Stack Overflow 来说是无关紧要的，因为它们往往会吸引固执己见的答案和垃圾邮件。 source
您是否在网络上搜索过“html to pug”？
是的..我才意识到对不起

标签： pug template-engine

【解决方案1】：

一旦你熟悉了 Pug 的语法，它就不会那么难了。用于将 HTML 代码转换为哈巴狗 1.) 安装 npm 包 html2pug Link-https://www.npmjs.com/package/html2pug

2.) 您可以使用互联网上提供的各种转换器，只需在 Google 上输入 html to pug 转换器即可找到这些转换器。Example- https://html-to-pug.com/

3.) 但是如果你使用 Vs 代码 有某些扩展，其中一个易于使用的是：- Convert HTML to Pug by ditto 可以通过在 vs 代码扩展市场中搜索找到。

Link -https://marketplace.visualstudio.com/items?itemName=ditto.convert-html-to-pug

【讨论】：