Visual Studio Code无法识别CSS文件中的变量

Question

我正在使用Visual Studio Code，并且CSS文件中的vith变量有问题，当我输入美元符号时，css文件报告错误，浏览器将看不到文件中的更改。

Answer 1

似乎您想使用SCSS（Sass），但是您似乎根本没有安装Sass，或者Visual Studio代码需要一个插件。 也许您知道该怎么办。

Answer 2

这是定义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 3

您正在编写sass语法，因此您需要以（.scss）扩展名保存文件，并且 Sass 是一种预处理器脚本语言，因此，您还需要编译器才能获得已编译的CSS版本，例如vscode中的 live sass编译器扩展，可以将.css文件与index.html文件

连接