配置“Live Sass 编译器”（VSCode 模块）答案

【问题标题】：Configure "Live Sass Compiler" (VSCode module)配置“Live Sass 编译器”（VSCode 模块）
【发布时间】：2018-05-17 08:33:12
【问题描述】：

我尝试将模块“Live Sass Compiler”配置为将 css 文件放在包含 scss 文件的目录之外的其他目录中，但要么出现错误，要么什么都不做。

我创建了一个目录/项目来测试它。

Root : C:\\test_space\\sass_compiler_config
Tree:
+ sass_compiler_config
    + build
    + src
        + modules
            + variables.scss
        + style.scss

这是我想用来检查它的测试配置：

{
    "liveSassCompile.settings.generateMap" : false,
    "liveSassCompile.settings.showOutputWindow": true,
    "liveSassCompile.settings.formats":[
        {
            "format": "expanded",
            "extensionName": ".css",
            "savePath": "/sass_compiler_config/build/styles"
        }
    ],
    "liveSassCompile.settings.excludeList": [ 
        "**/node_modules/**",
        ".vscode/**" 
    ],
    "liveSassCompile.settings.includeItems": [
        "/sass_compiler_config/src/style.scss",
    ],
    "liveSassCompile.settings.autoprefix": [
        "> 1%",
        "last 2 versions"
    ]
}

我尝试创建一个名为“.vscode”的目录，其中包含一个文件“settings.json”，并将其添加到工作区。我收到此错误：此设置现在无法应用。直接打开此文件夹时应用。

我尝试将其放入工作区配置中：

{
    "folders": [
        {
            "path": "C:\\test_space\\.vscode"
        },
        {
            "path": "C:\\test_space\\sass_compiler_config"
        }
    ],
    "settings": {
        {
            "liveSassCompile.settings.generateMap" : false,
            "liveSassCompile.settings.showOutputWindow": true,
            "liveSassCompile.settings.formats":[
                {
                    "format": "expanded",
                    "extensionName": ".css",
                    "savePath": "/sass_compiler_config/build/styles"
                }
            ],
            "liveSassCompile.settings.excludeList": [ 
                "**/node_modules/**",
                ".vscode/**" 
            ],
            "liveSassCompile.settings.includeItems": [
                "/sass_compiler_config/src/style.scss",
            ],
            "liveSassCompile.settings.autoprefix": [
                "> 1%",
                "last 2 versions"
            ]
        }
    }
}

没有错误，但什么也不做。可能是我的路径错了。

【问题讨论】：

标签： sass visual-studio-code

【解决方案1】：

我猜; 你想保存工作空间根目录或你的 Sass 文件的相对位置，如果是这样的话；

* Default value is null. (null means, it will generate CSS in the location of scss/sass. By The Way, It is null, NOT "null").

* "/" denotes relative to root.

* "~" denotes relative to every sass file. - Complex Scenario.

请查看documentation 这是result

【讨论】：