Живое редактирование CSS - Play framework

я сделал веб-страницу, и теперь она "функционально завершена". В качестве следующего шага я хочу придать ему стиль.

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

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

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

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

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

Спасибо!


person Lazarus535    schedule 26.06.2016    source источник
comment
Я добился большого успеха с вариантами github.com/livereload/LiveReload. Есть много разных способов интегрировать его в ваш рабочий процесс, в зависимости от используемых вами инструментов.   -  person Henrik    schedule 26.06.2016
comment
Также обратите внимание, что вы можете добавить свое рабочее пространство в Chrome, что означает, что когда вы редактируете стиль в браузере, он также автоматически редактирует исходный файл. Однако это работает только с простым CSS.   -  person rethab    schedule 27.06.2016


Ответы (1)


Может быть, вы можете загрузить расширение, которое автоматически обновляет вашу страницу каждые ... секунд. Таким образом, вам нужно только «Alt-Tab» между вашим кодом и вашей страницей. Кстати: я не мог комментировать это, мне нужно 50 репутации. В противном случае я бы не прокомментировал это, потому что на самом деле это не ответ, а просто мой совет.

person Martijn Ven van de    schedule 26.06.2016
comment
У меня уже установлен такой плагин. Он перезагружает страницу, когда я что-то меняю в своем редакторе. Проблема в том, что плагин перезагружает всю страницу... и страницы довольно тяжелые. Мне нужен плагин, который просто перезагружает/вводит новый CSS на отображаемую страницу без перезагрузки. Это должно быть значительно быстрее. - person Lazarus535; 26.06.2016
comment
Ох, ну ладно. ну, я ничего не знаю об этом, извините. @Lazarus535 - person Martijn Ven van de; 26.06.2016