Что использовать для вставки повторяющихся кусков html (header,footer) в Brackets, чтобы в итоге работало Live Preview?

Question

[Sn0wSky]

Возможно какие-то html препроцессоры, но есть какие-то, которые уже сдружились с Live Preview?

Answer 1

[Алексей Ярков]

Юзайте уже jade. Очень быстро привыкнете к его плюшкам ))
Ну и gulp с livereload заодно

Comments

[Sn0wSky]

я так понял Вы клоните к тому, чтобы уйти от Live Preview вообще?)

[Алексей Ярков]

Sn0wSky: Я вам просто препроцессор html посоветовал ))) и так как я brackets не юзаю, то про Live Preview не в курсе. Но полагаю, что gulp с livereload его вполне заменят.

[Максим]

Алексей Ярков: Алексей , а для чего вместо emmet ставить какую то залепуху , которая требует как минимум устанавивать node.js , и потом ещё пользоваться дополнительными манипуляциями ?
в emmet надо просто нажать в brackets ctrl+alt+enter и всё
а хоть в jade хоть в gulp это лишнее - модные плюшки и не больше,

[Алексей Ярков]

Максим Жаров: Как это у меня работает:
1. Написал задачу для gulp и запустил gulp watch
2. Пишу на jade в ST3, сохраняю файл, а gulp компилирует в html и обновляет страницу
3. Все =)
Так же и с less->css, ts->js и т. п.
Меня плюшки устраивают, а как вам удобнее я не знаю. Выбирайте, пробуйте.

[Максим]

Алексей Ярков: а как это работает у меня : написал doctype html и нажал на ctrl+alt+enter и всё ни каких лишних манипуляций , ни чего не надо компилировать и ни чего лишнего не надо - примерно вы говорите "что что бы выкинуть спичку из рук надо сделать сальто"

Answer 2

[HamSter]

jade, gulp-rigger

Answer 3

[Максим]

у меня в brackets установлен emmet , нажмите значёк менеджер расширений под молнией (live prewiev) и в поле поиска напишите emmet , установить и всё , всякие gulp и jade это новомодные фишки - лишние понты , повышение своей значимости в общем собрать каркас в emmet 5 сек делов

Comments

[Sn0wSky]

Я говорю о повторяющихся частях. Допустим у меня проект на 30 страниц и заказчик прислал правки в шапку сайта. В 30 местах редактировать - очень не благодарное дело. Мне нужна только эта возможность препроцессоров.

[Алексей Ярков]

Sn0wSky: с помощью gulp эта проблема решается в 5 строк кода ровно )) с форматированием ))

[Сергей delphinpro]

Максим Жаров я смотрю вы в этих "новомодных фишках" и не разбираетесь вовсе. Зато кричите громко.
Gulp имеет такое же отношение к emmet как я к ракетостроению )
Gulp - это универсальная мощная система сборки фронтенда. Все ваши встроенные примочки в брекетах/атомах/саблаймах - это просто детская песочница. Система сборки позволяет сконфигурировать абсолютно любой workflow и ускорить разработку в сотни раз - шаблонизаторы, препроцессоры, минификация, сорсмапы, livereload, раздельные билды для разного окружения - это то, что лежит на поверхности и видно невооруженным взглядом. А сколько возможностей скрыто под капотом? Неограниченно. Потому что gulp -это даваскрипт, и вы можете написать любую специфическую задачу.
Далее. Вы почему-то сравниваете gulp и emmet. Но позвольте, как можно сравнивать два абсолютно разных инструмента? B главное зачем? Emmet встроен сейчас во все редакторы/IDE, очень удобен, и все им пользуются. Он помогает вам во время написания кода, gulp начинает работать после ctrl+s.

Answer 4

[lavezzi1]

Если ищите легкий путь - jade, handlebars – императивные шаблонизаторы.
Если более мощный bemhtm – декларативный шаблонизатор.