Константин Китманов

Шаблонизатор позволяет выводить переменные и иногда организовывать простую логику (циклы, условия).
Препроцессор расширяет или меняет синтаксис.
Pug делает и первое и второе:)

Я бы не стал так все в одну кучу валить.
pug — это не только шаблонизатор, но и препроцессор, то есть он предоставляет альтернативный, во многом удобный синтаксис.
Для vue/react генерация html это только часть обязанностей, они еще должны аккуратно и быстро обновлять его и реагировать на пользовательский ввод.
Если проект не предусматривает динамического фронтенда, то вполне можно обойтись одним шаблонизатором — pug/handlebars/что хотите. Далеко не везде нужен SSR.

P.S. то, что react нельзя использовать с pug — это личные половые трудности сугубо реакта. Я использую vue+pug и доволен как слон:)

Простота в имплементации, поддержка не только html/svg, но и любого произвольного языка и вообще просто текста.

А за vue.js все равно стоит взяться:)

Тут дело не в Jade, ищите автора tars и спрашивайте, что он там намутил:)

Использовать mixin'ы. Если бы вы догадались вставить код вместо скриншота, я бы вам сделал пример:)

Используйте опцию pretty.

А вообще-то пусть сливается, браузеру-то все равно, а вы и подавно должны только в jade смотреть.