css - VIsual Studio 代码 - Live Sass 编译器不在单独的 css 文件夹中生成 .css 文件

Question

我正在尝试将我的 css 文件的保存位置设置为 Live Sass 编译配置中它自己的 css 文件夹(Live Sass 编译 > 设置:格式)

我尝试将保存路径设置为“/css” - 在此之后 - 我尝试保存我的 main.scss 文件，该文件应该会生成一个包含 main.css 文件的 css 文件夹。但是，它只是在与我的 main.scss 相同的文件夹中生成一个 main.css 文件(在 scss 文件夹中)。

我已尝试卸载并重新安装 VSC，但我之前的设置已保存。

{
“格式”:“扩展”， "扩展名": ".css", "保存路径": "/css", "window.zoomLevel": 0, “编辑器.tabSize”:2， "editor.wordWrap": "关闭"

上面的代码是我的 .json 文件中显示的所有代码。前 3 行变灰/涂黑(保存路径的格式)。

我的 .json 文件中的显示与我在相关教程中找到的有很大不同。

Answer 1

我强烈建议你避免将它用于 sass。请改用 node-sass。设置和运行 super 简单!只需从命令行安装它:npm i node-sass -g并在后台运行它:node-sass [入口文件路径] [输出文件路径] -w-w 监视 .sass 或 .scss 文件中的更改并立即编译!