движки шаблонов сложны - PullRequest
0 голосов
/ 07 августа 2020

после изучения html css и js я перехожу к узлу, чтобы обнаружить, что мне нужно научиться использовать движки шаблонов мопсов, что намного сложнее, чем обычно 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

1 Ответ

1 голос
/ 08 августа 2020

Pug не так уж и сложен, если вы познакомитесь с его синтаксисом. Для преобразования кода HTML в pug 1.) Установите npm package html2pug Link-https://www.npmjs.com/package/html2pug

2.) Вы можете использовать различные доступные конвертеры на inte rnet, который вы можете найти, просто введя html в конвертер pug в Google. Example- https://html-to-pug.com/

3.) Но если вы используете Vs code , есть некоторые расширения, одним из таких простых в использовании является: - Преобразование HTML в Pug с помощью , которое вы можете найти, выполнив поиск на рынке расширений vs code.

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