Какой инструмент для верстки в реальном времени самый мощный?

Question

[Ярослав Иванов]

Hola!

Попробовал много инструментов по верстке без перезагрузки страницы (или с минимальной): gulp-connect, -livereload, -live-server, -browsersync, от Visual Studio - Browser Link но все они не такие быстрые как хотелось бы.
Какой используете вы ?
Какой самый быстрый ? Мне все равно на ресурсы, которые он будет потреблять. Мне нужна скорость. Только с liveserver удалось поднять скорость обработки через таймер в 3 раза.

Итог: Нужно верстать в реальном времени как в devtools в хроме.

Пока склоняюсь к варианту переписать gulp-live-server.

Comments

[sim3x]

Ускорение самого процесса верстки от етого не будет

Появятся задержки на опечатках, на обновлениях, когда стиль еще не дописан и тд

[Ярослав Иванов]

sim3x: будет, у меня прямые руки.

[sim3x]

Ярослав Иванов: руки не при чем

Самая большая задержка не в руках, а в голове

[Ярослав Иванов]

sim3x: я про опечатки

[sim3x]

Ярослав Иванов: а я про "ускорение верстки"

[Ярослав Иванов]

sim3x: проще говоря мне нужен чтобы девтулс хрома код сохранял )

[sim3x]

Ярослав Иванов: нет

Проще говоря, нужно в голове сделать верстку и напечатать из головы в файл

[Ярослав Иванов]

sim3x: если бы все макеты были бы в стиле минимализм )) я делаю пиксельперфикт через плагин наложение макета.

[sim3x]

Ярослав Иванов:
Ок
Ето ничего не меняет

[n-name]

Ярослав Иванов: а что это за плагин, наложение макета?

[Ярослав Иванов]

n-name: pixel perfect в chrome store

Answer 1

[Mi7teR]

попробуйте Webstorm Live edit

Comments

[Ярослав Иванов]

Не хочеться привязывается к среде разработки но попробую

Answer 2

[Александр]

Быстрее наверное не получится. Если нет SSD, то замена увеличит скорость 100% в несколько раз.

Comments

[Ярослав Иванов]

То есть подойти технически. Как вариант.

[Ярослав Иванов]

А лучше рейд из ssd. Точно

[Gregory Bass]

У меня SSD и работать очень комфортно

Answer 3

[Сергей Горячев]

Мне кажется, что у тебя что-то не так работает.
У меня одно время стоял Autosave в Atom, было не отличимо от DevTools.
В gulp'e у меня во время верстки минимальный task, не использующий минификацию, префиксацию и прочие.
И работает все иногда слишком быстро, даже не всегда понятно, перезагрузилась страница или нет.
PS: И у меня еще копм не слишком шустрый.
Старенький i3 с 4 Gb DDR, никак руки не доходят поменять.

Comments

[Ярослав Иванов]

Таск у меня огромный. Надо будет его перебрать)

[Сергей Горячев]

Ярослав Иванов: Сначала тоже пользовался 1-2 тасками, потом понял, что работу замедляет сильно. Да и понял, что в процессе сборки мне не нужно видеть префиксы, мини-файл, мини-мап и прочее.

Answer 4

[Артём]

Brackets умеет в Live Preview. Довольно шустро.

Comments

[Ярослав Иванов]

Опробуем )

[Артём]

Ярослав Иванов: и можно сохранять в самом Dev Tools https://developers.google.com/web/tools/setup/setu...

Answer 5

[Sanes]

Чем не устраивает обновление страницы после сохранения файла? Для любого браузера есть дополнения.
Для ST3 в настройках
"save_on_focus_lost": true

Comments

[Ярослав Иванов]

Потому что это медленно.

[Sanes]

Ярослав Иванов: Вроде нормально. Может стоит как-то обуманно подходить к написанию кода, а не дергаться?

[Ярослав Иванов]

Sanes: в каком плане дергаться ?

[Sanes]

Ярослав Иванов: Все эти LiveEdit напоминают дерганного подростка, который не знает, что хочет.

[Ярослав Иванов]

Sanes: вы что-то путаете.

[Sanes]

Ярослав Иванов: Для Sublime Text 3 в настройках достаточно указать
"save_on_focus_lost": true

[Ярослав Иванов]

Sanes: попробую

Answer 6

[bro-dev]

Никогда не замечал чтобы этот процесс проходил медленно, юзаю browsersync. Сколько по вашему долго? у меня в среднем 0,1-0,5 с и это время пока я переношу взгляд с экрана на экран, то есть быстрее не надо.