SASS компилятор для Sublime Text (Windows)?

Question

[automatik]

Есть ли подобный плагин для виндового Саблайма? Или как компилируете scss>css вы? Хороша ли для этого koala-app.com?

Answer 1

[Евгений Вольф]

Или как компилируете scss>css вы?

Думаю, оптимальный способ при соло-разработке - это NodeJS+Gulp+модули. Он умеет и SASS и много ещё чего, и не смотря на ряд его недостатков - работает он довольно таки быстро. В т.ч. Вы сможете перезагружать изменившееся страницы автоматически, автоматически собирать изменившееся SASS-файлы и т.д.

Плагин, например вот. Мануалов по настройке Gulp'а, его установке и т.д. - в интернете - как грязи.

Answer 2

[iBird Rose]

плагин же есть для саблайма
https://packagecontrol.io/packages/SASS%20Build
и чтобы он работал по сейву https://github.com/alexnj/SublimeOnSaveBuild

Answer 3

[Кирилл]

Установи Node.js (если ещё не установлен) с официального сайта.
Как писали выше если хочешь чтобы всё работало под ctrl+s установи ещё SublimeOnSaveBuild
Установи sass глобально:
npm install -g sass
После установки проверь:
sass --version
Установи minify глобально:
npm install -g minify
После установки проверь:
minify --version

Настройка Sublime Text: Открой Sublime Text. Перейди в Tools → Build System → New Build System. Вставь следующий код:

{
    "cmd": [
        "sass", "--no-source-map", "$file", "${file_path}/${file_base_name}.css",
        "&&", "minify", "${file_path}/${file_base_name}.css", ">", "${file_path}/${file_base_name}.min.css"
    ],
    "selector": "source.scss",
    "windows": {
        "shell": "true"
    }
}

Если что то не работает, возможно установлен ruby, который нужно удалить со старыми версия sass(могут находиться C:\Users\ПОЛЬЗОВАТЕЛЬ\AppData\Local\Microsoft\WindowsApps\ - удалить файлы sass т.е. sass.bat и пр...) в помощь
PowerShell: where sass
Если minify даёт ошибки, можешь использовать альтернативу — cleancss: и настроить под него
npm install -g clean-css-cli