必须用官方lessc cli配合tasks.json实现稳定编译，因easy less自2021年停更，在vscode v1.80+中静默失效；先确保lessc --version能输出版本号，再配置tasks.json启用--watch、--include-path等参数。
别用 Easy LESS——它从 2021 年起就停更了，VSCode v1.80+ 上基本失效：保存没反应、_variables.less 不编译、@import 失败还不报错。真要稳定编译 Less，得绕过插件，直接用官方 lessc CLI 配 tasks.json。
确认 lessc 已安装且可用
插件或任务都只是调用器，底层必须有 lessc 命令。没装它，所有配置都是空转。
- 在系统终端（不是 VSCode 内置终端）运行
lessc --version；必须看到类似4.2.0的输出，否则执行：npm install -g less - Windows 用户检查
%APPDATA%\npm是否在系统PATH中；macOS/Linux 用户若用pnpm，需把~/.local/share/pnpm加进$PATH - 别用过时的
less-plugin-clean-css等插件——新版lessc自带--clean-css压缩选项
用 tasks.json 配 lessc 编译（推荐方案）
比插件更可控，支持 source map、压缩、自定义 @import 查找路径，且不会和 Live Sass Compiler 冲突。
- 项目根目录建
.vscode/tasks.json，内容如下（注意"isBackground": true，否则保存会卡住）：
{
"version": "2.0.0",
"tasks": [
{
"label": "less: compile",
"type": "shell",
"command": "lessc",
"args": [
"--strict-imports",
"--source-map",
"${file}",
"${fileDirname}/${fileBasenameNoExtension}.css"
],
"isBackground": true,
"group": "build",
"presentation": {
"echo": true,
"reveal": "silent",
"panel": "shared"
},
"problemMatcher": []
}
]
}
- 如果
@import报路径错误，加--include-path=src/less到args数组里 -
${file}是当前编辑的 .less 文件，${fileDirname}/${fileBasenameNoExtension}.css表示同目录输出同名 .css ——想输出到dist/css/？改成dist/css/${fileBasenameNoExtension}.css
为什么 _variables.less 保存后没生成 CSS？
这不是 bug，是设计行为：Less 没有 partial 文件规范，但 Easy LESS 和部分旧插件默认跳过下划线开头的文件（模仿 Sass）。而 lessc CLI 本身不跳过，只要它被正确调用，_variables.less 就能编译——前提是它被 @import 引用，且不是孤立文件。
- 如果你真需要单独编译
_variables.less（比如调试），就得让它被引用，或改名去掉下划线 - Easy LESS 的
"out": false配置会让它彻底忽略该文件，lessc无此限制 - VSCode 的文件监视在 WSL 或网络盘路径下可能节流延迟，不是配置问题，是系统级限制
真正麻烦的不是配路径，而是搞清谁在调用谁：VSCode 不编译，插件不编译，只有 lessc 在编译。所有“没反应”，90% 是 lessc --version 运行失败，剩下 10% 是 tasks.json 路径写错或没设 isBackground。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
