2016-06-26 3 views
1

Я сделал веб-страницу, и теперь это «полнофункциональный». В качестве следующего шага я хочу поместить в него какой-то стиль.Редактирование в реальном времени CSS - Играть в фреймворк

Проект основан на платформе Play, и я выбираю SCSS как мою альтернативу CSS (с плагином SBT для преобразования SCSS -> CSS).

Каждый раз, когда я меняю какой-то CSS, мне нужно перезагрузить страницу в браузере, что занимает некоторое время, посмотрите, нравится мне это и сохраняю или возвращаю. Тогда начните сначала.

Этот рабочий процесс не кажется мне правильным. Как вы создаете веб-страницу, созданную с помощью Play (в частности: я использую шаблоны воспроизведения, поэтому я не могу просто скопировать каждую часть HTML в редактор CSS и все-таки стилизовать все)?

Лучший способ, которым я нашел, - это изменить CSS непосредственно в Chrome, запомнить изменения и применить их к исходному файлу позже.

Есть ли более «автоматический» способ делать вещи? Любые красивые редакторы или плагины браузера, которые напрямую меняют исходный файл? Что мне не хватает? Что делают другие люди, используя Play framework (или другие системы шаблонов)?

Спасибо!

+0

У меня был большой успех с изменениями https://github.com/livereload/LiveReload. Существует множество способов интегрировать его в рабочий процесс, в зависимости от используемых вами инструментов. – Henrik

+0

Также обратите внимание, что вы можете добавить свое рабочее пространство в chrome, что означает, что при редактировании стиля в браузере он автоматически изменит исходный файл. Однако это работает только с простым CSS. – rethab

ответ

0

Возможно, вы можете загрузить расширение, автоматически обновляющее вашу страницу каждые ... секунды. На этом пути вам нужно только «Alt-tab» между вашим кодом и вашей страницей. BTW: Я не мог комментировать это, мне нужна 50 репутации. В противном случае я бы не прокомментировал это, потому что это не ответ, но это только мой совет.

+0

У меня уже установлен такой плагин. Он перезагружает страницу, когда я изменяю smth в моем редакторе. Проблема в том, что плагин перезагружает всю страницу ... и страницы довольно тяжелые. Мне нужен плагин, который просто перезагружает/внедряет новый CSS на отображаемой странице без перезагрузки. Это должно быть значительно быстрее. – Lazarus535

+0

О, ладно. хорошо, я ничего не знаю из-за этого. @ Lazarus535 –