Живое редактирование (CSSEdit-like) Sass/LESS без CMD-S?

Question

Я действительно хотел бы перейти на препроцессор CSS, такой как Sass или LESS, но я слишком привык к моей текущей настройке и не видел никаких решений, которые существуют для меня. Есть ли какие-нибудь?

В настоящее время я использую CSSEdit на Mac, который является живым редактором CSS. Каждый раз, когда люди об этом говорят, похоже, они думают, что «жить» означает, что страница перезагружается каждый раз, когда вы сохраняете файл. Это не то, что я имею в виду. Если я набираю CSS в CSSEdit, то изменения отображаются как-I-type, без сохранения файла. Это такая экономия времени, особенно если вы используете пробную версию и ошибку, чтобы решить, например. сколько прокладки надеть элемент или попробовать разные цвета.

Так все Sass или МЕНЬШЕ варианты кажется, напишите Sass/Less, нажмите CMD + S, перезагружается страница, и вы увидите изменения. Это недостаточно для меня. Я могу что-нибудь сделать?

Чтобы еще больше усложнить ситуацию, CSSEdit теперь отказался от своего разработчика в пользу Espresso, которого я еще не переехал, поскольку он по-прежнему не имеет некоторых функций, от которых я зависим (настройка переформатирования кода для одного) ,

Answer 1

LiveReload на помощь!

Я не думаю, что вы найдете решение, которое не требует сохранения файла.

Answer 2

Поддержка синтаксиса LESS в различных редакторах по-прежнему невелика, поэтому потребуется некоторое время, прежде чем такие сложные функции будут существовать.

Это потребует, чтобы редактор скомпилировался при каждом изменении файла, и это было бы неэффективно скомпилировать при вводе письма ... так что, возможно, его пришлось бы скомпилировать, когда есть допустимый синтаксис (скомпилированный без ошибок) ... что может не сделать так «живым». Он может быть скомпилирован в CSS или с использованием less.js, возможно, последний может лучше подходить для этой цели (нет необходимости использовать внешнее программное обеспечение). Отправляйтесь в Sublime Text plugin development и, возможно, напишите такой плагин? :) Sublime Text - лучший редактор, который я использовал, также из-за его гибкости, когда дело доходит до плагинов. Так что, может быть?

В противном случае вам нужно будет продолжать использовать CSSEdit и редактировать живые CSS, как вы описали, а затем просто скопировать измененный код в файлы LESS - помните, что любой CSS действителен LESS. Я делаю то же самое в Safari/Chrome Inspector или Firebug, а затем применяю изменения в .less-файлах. Не идеально, но работает ..

Answer 3

На мой взгляд, этот проект выглядит очень многообещающим: https://developers.google.com/chrome-developer-tools/docs/css-preprocessors