Как установить синтаксис scss в Sublime 3?

Я использую редактор Sublime 3. Когда я открываю SCSS файл, он показывает много красных символов, потому что он неверно оценил синтаксис. Когда я нажимаю CTRL + Shift + P и набираю sass или scss, я не получаю никакой опции. Мне пришлось установить синтаксис CSS.

Есть ли способ установить синтаксис SCSS в Sublime 3?

Ответ 1

нажмите CTRL + Shift + P в тексте Submile ниже всплывающего окна

введите описание изображения здесь

Нажмите на Управление пакетами: установите пакет., который откроет нижепоказанный popup.type SCSS в поле поиска. Первое предложение будет SCSS (Не показано на рисунке ниже) и нажмите на него.

введите описание изображения здесь

снова нажмите CTRL + Shift + P и выполните поиск SCSS и нажмите Установить синтаксис: SCSS. что ваши ваши scss файлы будут окрашены соответствующим образом

введите описание изображения здесь

Ответ 2

Есть два очень популярных пакета: "Sass" и "SCSS". Я начал с пакета SCSS, учитывая, что ответ codegeek 72+ предлагает это, но я обнаружил, что большая часть моего действительного SCSS была просто белой.

Пакет 'Sass' содержит как Sass, так и SCSS, и он гораздо более полный для SCSS, чем пакет, называемый просто 'SCSS'.

Шаги для установки:

  1. CTRL + SHIFT + P (Mac: COMMAND + SHIFT + P)
  2. Введите " Package Control: Install package " и нажмите Enter. Подождите несколько секунд
  3. Введите " Sass ", убедитесь, что выбранный пункт просто " Sass ", и нажмите Enter.
  4. Вы увидите состояние установки в строке состояния в нижней части приложения. Когда закончите установку:
  5. CTRL + SHIFT + P снова
  6. Введите " Set syntax: SCSS " и нажмите Enter

Ответ 3

Если у вас установлено расширение Sass (которое поддерживает как SASS, так и SCSS) и вы хотите, чтобы все файлы .scss открывались с более новой подсветкой синтаксиса SCSS, а не с более старой SASS, выполните следующие действия:

  • Открыть представление → Синтаксис → Открыть все с текущим расширением как...
  • Выберите Sass → SCSS

Предоставлено: http://joncaveman.com/2015/08/11/sublime-text-3-default-syntax-highlighting-for-file-types/.