Visual Studio 代码 SASS 编译器

Question

我从 Sublime 切换到 VS Code 因为它不再支持 PHP 和 SASS。我主要使用 CSS & SASS & JS & PHP.

我从 VS Code documentation 设置了一个 SASS 编译器。如下：

// Sass configuration
{
  // See https://go.microsoft.com/fwlink/?LinkId=733558
  // for the documentation about the tasks.json format
  "version": "2.0.0",
  "tasks": [
    {
      "label": "Sass Compile",
      "type": "shell",
      "command": "node-sass style.scss style.css",
      "group": "build",
      "problemMatcher": [
        "$eslint-compact"
      ]
    }
  ]
}

我测试它工作正常。 但是我有两个问题：

首先关注“style.scss”文件。我的意思是，无论我们在“.json”中提到什么。

Actually what I want is: Focus on all ".scss" files without searching for a name.

当我运行使用“a.scss”编辑器打开编译时，它只编译“.json”文件中的名称。但是没有包含“a.scss”！

Actually what I want is: If I press the "CTRL + SHIFT + B" key and select the corresponding option, the currently active editor is the "a.scss" compilation.

这些有什么设置吗？

注意："command": "node-sass .scss .css",会报错

Answer 1

实际情况是，SASS实现了新版本Dart SASS。里面有像@use这样的新规则...所以使用的编译器需要更新。

据我所知，到目前为止 Node Sass 没有。

在 VS Code 中使用 SASS 的更好方法是使用扩展。

因为我们有过几次：
有兴趣的可以看这里

注意：如果您决定使用其中一个扩展程序，您的设置可能会发生变化。查看扩展说明。

Visual Studio 代码 SASS 编译器

Visual Studio Code SASS compiler

sass

node-sass

visual-studio-code