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

【问题标题】：VIsual Studio Code - Live Sass Compiler Not Generating .css File in Separate css FolderVIsual Studio 代码 - Live Sass 编译器未在单独的 css 文件夹中生成 .css 文件
【发布时间】：2019-10-14 16:53:49
【问题描述】：

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

我尝试将 savePath 设置为“/css” - 之后 - 我尝试保存我的 main.scss 文件，该文件应该生成一个包含 main.css 文件的 css 文件夹。但是，它只是在与我的 main.scss （位于 scss 文件夹中）相同的文件夹中生成一个 main.css 文件。

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

{
“格式”：“扩展”， “扩展名”：“.css”， "savePath": "/css", "window.zoomLevel": 0, “editor.tabSize”：2， “editor.wordWrap”：“关闭” }

上面的代码就是我的 .json 文件中显示的全部内容。前 3 行显示为灰色/涂黑（保存路径的格式）。

我的 .json 文件中的显示与我在教程中发现的完全不同。

【问题讨论】：

标签： css sass visual-studio-code vscode-settings

【解决方案1】：

我强烈建议您避免将其用于 sass。请改用 node-sass。设置和运行非常容易！只需从命令行安装它： npm i node-sass -g 并在后台运行它： node-sass [entry path-to-file] [output-path-to-file] -w -w 监视 .sass 或 .scss 文件中的更改并立即编译！

【讨论】：

谢谢，我去看看！但是，我仍在试图弄清楚我的问题。保重:)

【解决方案2】：

在您的settings.json 中将路径形式"\css" 重命名为"\\css"

像这样：

        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "\\css"
        }

不用担心 VS Code 是如何理解文件路径的。不是你的错:)

【讨论】：