首页 > 解决方案 > 如何在同一目录中创建css文件形式的sass文件

问题描述

我正在学习SASS。我使用 VS Code 作为我的代码编辑器。我已经安装了Live SASS Compiler扩展来编译 SASS 文件。

我创建了一个文件夹。在这个文件夹中,我有多个文件夹。我想在每个文件夹而不是主文件夹中创建 css 文件。

检查图像: 在此处输入图像描述

在 SCSS 文件夹中有一个名为“Partials-and-Imports”的文件夹。我想在“Partials-and-Imports”文件夹中创建css文件夹,而不是在主文件夹(CSS)中,因为我必须在主文件夹中创建多个文件夹。

我怎样才能做到这一点?

标签: cssvisual-studio-codesass

解决方案


只需在 sass 编译器设置中复制并粘贴这段代码 - 设置导出的 CSS 样式、格式和保存位置 - :)

  "liveSassCompile.settings.formats": [

    {
      "format": "expanded",
      "extensionName": ".css",
      "savePath": "~/../css/"
    }
  ]

推荐阅读