Подсветка синтаксиса SASS для Sublime Text 3

· Sass и Блог · 2 мин чтения

SCSS

В этой записи, я поделюсь отличным дополнением подсветки синтаксиса SASS для Sublime Text 3.

Плагин называется «Подсветка синтаксиса для SASS». Но это не совсем так, потому что он так же работает с SCSS.

Так же можете зайти и почитать о нем на официальном источнике.

Пример работы плагина

SCSS

SCSS

SCSS

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 синтаксиса
  • Теги комментарования

А так же и другие. Подробнее узнаете после установки плагина.

Цветовые гаммы синтаксиса

Для этого плагина существует  четыре основных цветовые схемы для синтаксиса.

  1. Neon Color Scheme (спасибо Mett)
  2. Perv Color Schemes (спасибо Mick)
  3. Birds Paradise
  4. Tomorrow Theme