Sublime Text 2: Как получить scss и Меньше файлов, чтобы иметь цвет?

Я использую Sublime Text 2, а файлы css.scss и css.less имеют весь белый текст - комментарии, скобки, синтаксис - все. Если я посмотрю на свои обычные файлы css, у них есть цвет, чтобы различать все вышеперечисленное. Кто-нибудь еще занимался этим? Это какая-то ошибка, которую я получаю? Как я могу добавить свой собственный цвет или взять те же настройки из обычного файла css и добавить его в less и scss?

ОТВЕТЫ

Ответ 1

Вы можете установить синтаксис для любого конкретного расширения. См. Это:

http://www.codechewing.com/library/set-default-syntax-highlight-for-different-filetypes-sublime-text/

Откройте соответствующий файл с расширением .scss/.less. В меню вверху, goto Вид > Синтаксиs > [Дополнительно: Открыть все с текущим расширением как...] > CSS

enter image description here

Ответ 2

  • В настройках SublimeText > Управление пакетами.

  • Выберите "Управление пакетами: установите пакет".

  • Теперь введите "МЕНЬШЕ" в поле. Нажмите на первый вариант, который появится.

  • Перезапустите Sublime.

  • Откройте файл LESS

  • Вид > Синтаксис. Выберите LESS

То же самое следует для SASS даже

Ответ 3

Лучший способ установить пакет для просмотра цветного меньшего синтаксиса в возвышенном тексте - по этой ссылке:

https://sublime.wbond.net/installation#st2

Это потому, что здесь есть инструкция о том, как это сделать, если командная строка, написанная в прецедентном ответе, не работает. Существуют также две разные строки команд для разных версий Sublime Text.

После установки пакета вы увидите категорию LESS в меню "Вид" > "Синтаксис".

Мне это очень помогло. Надеюсь, это сработает и для вас!

Ответ 4

Вы можете установить диспетчер пакетов, скопировав следующий код и вставив его в возвышенную текстовую консоль (view → show console):

import urllib2,os; 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())); open(os.path.join(ipp,pf),'wb').write(urllib2.urlopen('http://sublime.wbond.net/'+pf.replace(' ','%20')).read()); print('Please restart Sublime Text to finish installation')

Когда он установлен, вы нажимаете ctrl + shift + p, записываете установку и затем устанавливаете пакет. На экране, который появляется, напишите sass, затем щелкните на синтаксическом пакете sass. Когда это закончится, просто откройте свой scss файл, нажмите ctrl + shift + p, затем напишите sass и нажмите "set syntax: sass"

Ответ 5

Установите плагины less и sass через диспетчер пакетов, чтобы получить правильную подсветку синтаксиса для этих типов файлов.

Ответ 6

Если Package Control не установлен в вашем Sublime Text, вы можете установить пакет вручную.

Чтобы установить пакет LESS вручную, выполните следующие действия:

  1. Загрузите пакет LESS: https://github.com/danro/LESS-sublime/archive/master.zip
  2. Распакуйте архив
  3. Из Sublime Text перейдите в Настройки → Просмотреть пакеты...
  4. Скопируйте/вставьте папку пакета в открывшееся новое окно
  5. Перезапустите Sublime Text
  6. Откройте файл .less
  7. Перейдите в Вид → Синтаксис → Открыть все с текущим расширением как... → Меньше

Для установки пакета SCSS вы должны выполнить ту же процедуру.
Прямая загрузка пакета SCSS: https://github.com/MarioRicalde/SCSS.tmbundle/archive/master.zip

Удачного кодирования!