vscode本身不编译less，推荐用官方lessc cli配合tasks.json实现稳定编译；easy less自2021年停更，在v1.80+中常静默失效，需全局安装less并配置--include-path解决@import路径问题。
VSCode 本身不编译 Sass 或 Less，必须依赖外部工具链；插件（如 Easy LESS、Live Sass Compiler）在新版 VSCode（v1.80+）中频繁失效或静默失败，推荐用官方 CLI + tasks.json 实现稳定、可调试、路径可控的自动编译。
Less 编译：别信 easy LESS，用 lessc + tasks.json
easy LESS 自 2021 年停更，新版 VSCode 下常出现「保存无反应」「CSS 不生成」「下划线文件（如 _variables.less）被跳过」等问题。根本原因不是配置错，是插件进程根本没跑起来。
-
lessc必须全局可用：运行lessc --version能返回版本号才算通过 -
tasks.json中的${file}和${fileDirname}/${fileBasenameNoExtension}.css是关键变量，不能手写死路径 - 如果项目有
@import多层嵌套或别名路径（如@import "base/typo"），需加--include-path参数，否则报File not found - Windows 用户注意路径分隔符：
lessc默认用正斜杠，但out路径若含反斜杠（\css\）会出错，统一用/css/
Sass 编译：优先选 Dart Sass，别碰 Ruby Sass
Ruby Sass 已废弃多年，Dart Sass 是唯一官方维护的实现。Live Sass Compiler 插件底层调用的也是它，但插件封装太深，出错时无法定位——不如直接用 CLI。
- 全局安装：
npm install -g sass，验证用sass --version - 单文件编译命令示例：
sass src/scss/main.scss:dist/css/main.css --style=expanded --no-source-map - 监听模式（watch）必须用
--watch，且参数顺序敏感：sass --watch src/scss/:dist/css/表示整个目录映射，不能写成sass src/scss/:dist/css/ --watch - 若
@import引入了_reset.scss这类下划线前缀文件，Dart Sass 默认支持，无需额外配置；但路径必须相对有效，否则报Can't find stylesheet to import
tasks.json 配置避坑要点
VSCode 的任务系统比插件更底层、更可靠，但容易因格式或字段缺失导致任务不触发或静默退出。
-
"isBackground": true必须设为true，否则任务执行完就终止，无法持续监听 -
"problemMatcher"建议保留空数组[]，避免因匹配不到错误而掩盖真实编译失败（如语法错误只在终端输出，不弹窗） -
"presentation": { "panel": "shared" }推荐设为shared，防止每次运行都开新终端面板，干扰开发流 - Linux/macOS 下
"type": "shell"可用；Windows 若用 PowerShell 作为默认终端，建议显式指定"type": "process"并设"command": "cmd"，避免 shell 解析异常
真正麻烦的从来不是“怎么配”，而是路径解析、导入别名、watch 节流和跨平台终端行为差异——这些细节不会报红，但会让 CSS 突然不更新，且查不出原因。
