sass - *.scss 不支持实时模板，但 PHPStorm 中不支持 *.css 和 *.less

Question

我设置了一些常用的实时模板，例如：

sm

@media (max-width: @screen-sm-max) {
    $START$
}

MD

@media (max-width: @screen-md-max) {
    $START$
}

lg

@media (max-width: @screen-lg-max) {
    $START$
}

它们在 .less 文件中都运行良好，但是当我切换到 SCSS 时，它们都不起作用。

我已经检查了 CSS 的实时模板上下文。

我该怎么做才能使它也适用于 SCSS 文件？

Answer 1

创建实时模板时，请确保检查正确的上下文，对于我上面写的实时模板，我应该检查ruleset list. 当然，如果您不知道要检查哪一项，您可以在程序语言上下文中选中所有复选框。应该没什么大不了的。