Pug — это HTML-препроцессор/Шаблонизатор. Суть такая же, как и в CSS-препроцессорах — писать меньше, иметь вложенности, переменные и импорты. Компилируется pug через webpack/Gulp. Pug можно использовать и вместе с JS-фреймворком — к примеру, во Vue.js есть поддержка препроцессоров в SFC. Конечно, при использовании фреймворка отпадает нужда в использовании переменных и импортов из Pug, но при этом всё равно писать разметку на нём проще и быстрее за счёт синтаксиса и вложенностей. Учить Pug не обязательно, но использовать его можно почти везде и везде он упрощает разработку. Pug довольно простой, если есть опыт с CSS-препроцесссорами, то расчехлить его за пару вечеров.
Pug — это HTML-препроцессор/Шаблонизатор. Суть такая же, как и в CSS-препроцессорах — писать меньше, иметь вложенности, переменные и импорты. Компилируется pug через webpack/Gulp. Pug можно использовать и вместе с JS-фреймворком — к примеру, во Vue.js есть поддержка препроцессоров в SFC. Конечно, при использовании фреймворка отпадает нужда в использовании переменных и импортов из Pug, но при этом всё равно писать разметку на нём проще и быстрее за счёт синтаксиса и вложенностей. Учить Pug не обязательно, но использовать его можно почти везде и везде он упрощает разработку. Pug довольно простой, если есть опыт с CSS-препроцесссорами, то расчехлить его за пару вечеров.