Live Sass Compiler配置不生效需检查：①配置必须放在项目根目录的.vscode/settings.json中，而非用户全局设置；②savePath应写为"/css"或"./css"，避免使用无效的"~/../css"写法。
Live Sass Compiler 插件配置不生效？检查 settings.json 位置和路径写法
VSCode 的 Live Sass Compiler 默认只读取项目根目录下的 .vscode/settings.json，不是用户全局设置，也不是插件界面里点几下就能永久生效的。很多人把配置粘贴到用户设置（settings.json 在 `C:\Users\XXX\AppData\Roaming\Code\User\` 或 macOS 的 `~/Library/Application Support/Code/User/`）里，结果编译路径、格式全没用——它压根不看那儿。
必须在你的项目文件夹里手动建：.vscode/settings.json，然后填入合法 JSON。注意两点：
-
"savePath": "/css"是相对项目根目录的绝对路径，不是当前 SCSS 文件所在目录；"~/../css"这种写法虽被部分文档提及，但实际不被插件解析，会静默失败，直接写"/css"或"./css"更稳 - 如果项目里有多个
.scss文件分散在不同子目录，"savePath": "/css"会让它们全部输出到同一级css/下，文件名冲突时后编译的会覆盖前一个
Less 编译报错 “Cannot find module ‘less’”？别只装插件，得装 Node 依赖
VSCode 的 “LESS – CSS Preprocessor” 插件只是个壳，真正干活的是本地的 less 命令行工具。它不会自动帮你装 Node 包，只会在你运行构建任务时去查系统 PATH 里有没有 lessc。
解决方法很简单，进项目根目录终端执行：
立即学习“前端免费学习笔记（深入）”；
npm install less --save-dev
再确认 VSCode 终端的默认 shell 是否加载了 node_modules/.bin（Windows PowerShell 默认不自动加，CMD 和 Git Bash 通常可以）。如果还不行，就手动在 .vscode/tasks.json 里指定完整路径，比如：
Miller (mlr) 是一个命令行工具，用于查询、整形和重新格式化名称索引数据，如 CSV、TSV、JSON 和 JSON Lines。它将 awk、sed、cut、join 和 sort 的功能整合到一个专为结构化数据处理而构建的单一工具中。
{
"version": "2.0.0",
"tasks": [{
"label": "watch less",
"type": "shell",
"command": "./node_modules/.bin/lessc",
"args": ["--watch", "--source-map", "src/style.less", "dist/style.css"]
}]
}
autoprefix 配置写了却没加前缀？检查浏览器目标是否被覆盖
"liveSassCompile.settings.autoprefix" 看似生效，但生成的 CSS 里还是没 -webkit- 或 -ms-，大概率是项目里存在 .browserslistrc 或 package.json 中的 browserslist 字段，它优先级高于插件配置，会直接覆盖掉 autoprefix 设置。
验证方式：在终端运行 npx browserslist，看输出是否和你预期一致。如果不一致，删掉 .browserslistrc，或把 package.json 里的 browserslist 字段清空，插件配置才会真正起作用。
另外注意："last 2 versions" 指所有主流浏览器（Chrome/Firefox/Safari/Edge）各自的最新两个正式版，不包括 Beta 或 Canary 版；"> 1%" 是全球统计数据，国内常用 UA 里 IE11 已低于 0.1%，所以它不会被包含。
编译后 CSS 文件没更新？可能是 watch 模式根本没启动
Live Sass Compiler 插件不会在你打开 VSCode 时自动监听，必须手动触发。快捷键是 Ctrl+Shift+P（Win/Linux）或 Cmd+Shift+P（macOS），输入 “Live Sass: Watch Sass” 并回车。状态栏右下角会出现 ? 图标，才表示监听已激活。
常见误操作：
- 点了插件右上角的“编译”按钮（锤子图标）——这只是单次编译，不监听变化
- 改了
.scss但保存时文件未聚焦（比如切换到终端再切回来），VSCode 有时会漏触发保存事件 - 文件编码不是 UTF-8，尤其含中文注释时，插件可能静默跳过编译
最稳妥的方式是：确保状态栏有?，且修改后立刻看到输出面板里出现 “Compiled X.scss → Y.css” 日志。没有日志，说明 watch 根本没跑起来。
