0
201
2019-01-04

Atom - Важные плагины "sass-autocompile" и "atom-minify" для работы с SASS в редакторе

В статье расмотрены два плагина "sass-autocompile" и "atom-minify" для работы с SASS в редакторе Atom.
Понравилась страница? Поставь свою оценку!
PLUGIN_STAR_RATINGS.SCORE_TEXTPLUGIN_STAR_RATINGS.VOTES_TEXT

Atom и SASS

Некоторое время назад я переключился с NotePad++ , который является не плохим редактором, на Atom . Причиной этого послужил тот факт, что Atom является редактором с открытым исходным кодом, и мне не нужно платить за это деньги ;). Для работы с SASS мне приглянулись два плагина о которых я решил сегодня написать для Вас.

Sass-autocompile

Плагин основан на идее минимизации авто компиляции , используя комментарий первой строки. Благодаря плагину разработчики могут настроить множество параметров для компиляции своих файлов SASS, помимо автоматической компиляции при сохранении. Взгляните на README, где все подробно описано.

Настройка плагина в Windows

1) Устанавливаем node.js если у Вас Windows 10 загружаем пакет инсталляции по данному адресу: https://nodejs.org/en/download/

2) Вводим в cmd команду npm install node-sass -g

3) Устанавливаем и активируем плагин sass-autocompile в Atom

Важно: так как мы установили пакет sass через командную строку глобально, при использовании @import указываем путь к файлам полностью, то есть C://Users и т.д.

Sass-autocompile на atom.io | github.com

Atom-minify

Благодаря плагину вы можете выбирать между четырьмя CSS-компрессорами (YUI, clean-css, CSSO или Sqwish) и тремя JavaScript-компрессорами (YUI, Google Closure Compiler, UglifyJS2). Скоро появятся дополнительные опции и функции! Глянуть на дорожную карту можно здесь ...

atom-minify на atom.io | github.com