VSCode本身不编译Less，必须依赖lessc CLI；Easy LESS插件自2021年停更，在v1.80+上静默失效，推荐用tasks.json配置lessc实现稳定编译。
别用 Easy LESS 插件——它从 2021 年起就停止维护，VSCode v1.80+（你当前用的肯定是）上基本不工作：保存无反应、_variables.less被跳过、@import失败也不报错，连控制台都静默。
lessc CLI + tasks.json 是唯一稳定方案
VSCode 本身不编译 Less，所有“自动编译”本质都是调用本地 lessc 命令。插件只是个壳，真正干活的是 CLI。所以必须先确保 lessc --version 在系统原生命令行（不是 VSCode 内置终端）能返回版本号（如 4.2.0），否则后面全白搭。
- 全局安装：
npm install -g less（别用lessc单独装，它只是包的 bin 名） - Windows 用户检查
%APPDATA%\npm是否在系统PATH中；macOS/Linux 用pnpm或yarn的，得手动把~/.local/share/pnpm这类路径加进$PATH - 装完必须重启 VSCode，否则内置终端可能仍找不到命令
tasks.json 配置要点与常见错误
项目根目录建 .vscode/tasks.json，内容如下（关键字段已标注意义）：
{
"version": "2.0.0",
"tasks": [
{
"label": "less: compile",
"type": "shell",
"command": "lessc",
"args": [
"--strict-imports",
"--source-map",
"${file}",
"${fileDirname}/${fileBasenameNoExtension}.css"
],
"group": "build",
"presentation": {
"echo": true,
"reveal": "silent",
"panel": "shared",
"clear": false
},
"problemMatcher": []
}
]
}
-
--strict-imports：遇到@import失败直接报错，避免静默忽略路径问题 -
${file}和${fileDirname}/${fileBasenameNoExtension}.css是 VSCode 变量，前者指当前编辑的 .less 文件，后者生成同名 .css 到同一目录——如果要输出到dist/css/，改成dist/css/${fileBasenameNoExtension}.css - 若
@import报 “File not found”，加--include-path=src/less指定查找根目录 - 加
"isBackground": true后，保存不会卡住等命令返回；不加则每次保存都会阻塞编辑器
压缩与 source map 必须靠 CLI 参数控制
Easy LESS 的 "compress": true 配置在新版里根本无效，sourceMap 也常生成失败。正确做法是直接在 args 里写参数：
- 压缩 CSS：加
--clean-css（需额外装npm install -g clean-css-cli），或用--yui-compress（旧版 less 支持） - 生成可用的 source map：必须同时带
--source-map和--source-map-basepath=${workspaceFolder}，否则浏览器调试时路径错乱 - 不要依赖插件的
out字段，它在多文件@import场景下极易漏编译或覆盖输出
最易被忽略的一点：VSCode 的文件监视器在 WSL 或网络盘路径下默认启用节流，可能导致保存后延迟数秒才触发 task。如遇“改了保存但 CSS 没更新”，先关掉设置里的 files.useExperimentalFileWatcher，换回传统 watcher。
