Как настроить и использовать Stylus?

Question

[Diode Bot]

Посмотрев отзывы на сайтах, описание и детали less, sass и stylus, решил остановиться на последнем. Но проблема в том, что первые шаги по установке node.js и выполнению команды
npm install stylus
я прошел. А вот вразумительной информации о том, как его использовать дальше я не нашел. Как правильно обращаться к файлам, в каких они должны лежать директориях, что должно происходить и как вообще прийти к тому, чтобы достаточно было редактировать и сохранять файл *.styl для редактирования конечного файла стилей.

Например, команда
stylus -w style.styl
должна запустить процесс автоматической конвертации styl в css. Но как правильно ее применить, я понять не могу.

Буду очень признателен за подробное описание этих шагов или ссылки на ресурсы, где это описывается довольно подробно.

Comments

[Diode Bot]

@winbackgo

[winbackgo]

Не stilus а stylus. Будьте внимательнее.

[Diode Bot]

@winbackgo И правда. Сейчас работает. Но в первый раз все установилось точно так же.
Можно сделать так, чтобы не нужно было все время запускать watcher через консоль и держать ее открытой?

[winbackgo]

В первый раз вы не установили глобально а в папку node_modules.

Можно сделать так, чтобы не нужно было все время запускать watcher через консоль и держать ее открытой?

Не знаю как это сделать. Я использую file watcher из php storm.

Answer 1

[Талга УтБ]

Используй watch (grunt-contrib-watch)
з.ы. Stylus хороший выбор :)

Answer 2

[winbackgo]

stylus -w /path/to/src -o /path/to/output_dir

Comments

[Diode Bot]

На это мне выдается:
"stylus" не является внутренней или внешней командой, исполняемой программой или пакетным файлом
Хотя установка прошла нормально

[winbackgo]

npm i stylus -g

[winbackgo]

Установить глобально.

[Diode Bot]

@winbackgo усточнил вопрос. В первый раз все установилось нормально

Answer 3

[Константин Величко]

Попробуйте использовать совместно с каким либо сборщиком, рекомендую gulp

Comments

[London13]

Подскажите, а как сделать задержку? Просто при таком сочетании у меня моргает экран, будто каждый символ что я добавил перезагружает страницу

[Константин Величко]

London13 Отключите автосохранение в редакторе