Visual Studio Code не распознает переменные в файле CSS

Question

Я использую код Visual Studio, и у меня возникают проблемы с переменными в файлах CSS, когда я набираю знак доллара, ошибка отчета файла CSS и браузер не увидит изменений в файле.

Answer 1

Так вы определяете переменные CSS.Переменная, на которую вы смотрите, используется в SCSS.Для использования SCSS вам нужно что-то вроде node-sass

:root {
  --primary-color: red;
}

div {
  background: var(--primary-color);
  width: 200px;
  height: 200px;
}

body {
  color: var(--primary-color);
}

<div></div>

<p>
  Lorem ipsum
</p>

Чтобы VSCode знал о SCSS, убедитесь, что файл сохранен как таковой (.scss).Если это все еще не работает, установите языковой режим на SCSS.Языковой режим находится в правом нижнем углу.

Answer 2

Кажется, вы хотите использовать SCSS (Sass), но, похоже, вы вообще не устанавливали Sass, или для кода Visual Studio нужен плагин для этого.Вероятно, вы знаете, что делать сейчас.