В этой записи, я поделюсь отличным дополнением подсветки синтаксиса SASS для Sublime Text 3.
Плагин называется «Подсветка синтаксиса для SASS». Но это не совсем так, потому что он так же работает с SCSS.
Так же можете зайти и почитать о нем на официальном источнике.
Пример работы плагина
А так же многое другое.
Установка
Для Sublime Text 2 или 3 нажимаем ctrl + `
.
После чего в консольное поле которое появилось
для Sublime Text 2 вводим следующее:
import urllib2,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); os.makedirs( ipp ) if not os.path.exists(ipp) else None; urllib2.install_opener( urllib2.build_opener( urllib2.ProxyHandler()) ); by = urllib2.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); open( os.path.join( ipp, pf), 'wb' ).write(by) if dh == h else None; print('Error validating download (got %s instead of %s), please try manual install' % (dh, h) if dh != h else 'Please restart Sublime Text to finish installation')
для Sublime Text 3 вводим следующее:
import urllib.request,os,hashlib; h = '2915d1851351e5ee549c20394736b442' + '8bc59f460fa1548d1514676163dafc88'; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) ); by = urllib.request.urlopen( 'http://packagecontrol.io/' + pf.replace(' ', '%20')).read(); dh = hashlib.sha256(by).hexdigest(); print('Error validating download (got %s instead of %s), please try manual install' % (dh, h)) if dh != h else open(os.path.join( ipp, pf), 'wb' ).write(by)
На этом все. Просто дождитесь полной загрузки файлов и перезапустите свой редактор. Плагин сам установить все нужные компоненты.
Описание возможностей
- Полностью поддерживается SASS 3.3 синтаксис
- Совпадает со
- Подсвечивание ключевых слов таких как: and, false, from, in, not, null, or, through, to, true
- Лучше поддержка media queries
- Умное дописывание условий
- Может быть использован для подсветки обычного CSS синтаксиса
- Теги комментарования
А так же и другие. Подробнее узнаете после установки плагина.
Цветовые гаммы синтаксиса
Для этого плагина существует четыре основных цветовые схемы для синтаксиса.
- Neon Color Scheme (спасибо Mett)
- Perv Color Schemes (спасибо Mick)
- Birds Paradise
- Tomorrow Theme