You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何配置VS Code Live Sass Compiler修改CSS编译输出路径至指定文件夹

调整Live Sass Compiler的CSS输出路径

嗨,这事儿超简单,你只需要修改配置里的savePath参数就能搞定啦!

你的当前配置中,savePath设为了./css,这会把编译后的CSS文件输出到当前Sass文件所在目录下的css文件夹(也就是你说的RWD/css)。要改成输出到RWD/homework/css,只需要把savePath的值替换成./homework/css就行。

修改后的完整配置如下:

{
  "liveSassCompile.settings.formats": [
    {
      "format": "expanded",
      "extensionName": ".css",
      "savePath": "./homework/css"
    }
  ],
  "[c]": {},
  "[bat]": {},
  "editor.fontSize": 16
}

小补充:

  • savePath是相对当前Sass文件所在目录的路径,如果你的Sass文件是放在RWD下的子文件夹(比如RWD/sass),那可能需要把路径改成../homework/css;但根据你描述的目录结构,直接用./homework/css应该就能精准输出到RWD/homework/css了。
  • 修改完配置后记得保存VS Code的设置文件,Live Sass Compiler会自动读取新配置生效~

内容的提问来源于stack exchange,提问作者Justina

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.14 08:17:19