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

标签 css sass visual-studio-code

我正在尝试将我的 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 文件中的显示与我在相关教程中找到的有很大不同。

最佳答案

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

关于css - VIsual Studio 代码 - Live Sass 编译器不在单独的 css 文件夹中生成 .css 文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58381055/

相关文章:

javascript - 动态添加的 html 没有样式

css - 在 compass config.rb 中指定单个 scss 文件

css - 带有多个父选择器的 SASS @at-root

css - 带有警报的 Bootstrap 垂直按钮组

javascript - 单击标签上的复选框未被单击

javascript - 如何在 visual studio code launch.json 文件中运行 npm 脚本

node.js - 如何通过 VS Code 使用全局 Node 包

javascript - 将智能感知从 Visual Studio 2015 迁移到 VSCode

css - 如何垂直对齐网站上 2 个标题图像之间的中间部分标题文本?

sass - 如何在sass中使用循环生成多个mixin(mixin lib)