TechBlogSD - Все для WordPress и WEB разработки
WEB и WordPress инструкции, новости, обзоры тем и плагинов

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

2 161

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

Источник записи:

Этот веб-сайт использует файлы cookie для улучшения вашего опыта. Мы предполагаем, что вы согласны с этим, но вы можете отказаться, если хотите. Принимаю Подробнее