vscode 中 less 文件保存后未生成 css，主因是插件（如已停更的 easy less）失效或未正确运行；推荐使用官方 lessc cli 配合 tasks.json 实现稳定编译，并通过 --include-path 解决 @import 路径问题。
Less 文件保存后没生成 CSS，先检查插件是否真在工作
VSCode 本身不编译 Less，必须靠插件。最常用的是 easy LESS，但它从 2021 年起就停止维护，新版 VSCode（尤其是 v1.80+）常出现「保存无反应」「CSS 不生成」——不是你配置错，是插件根本没跑起来。
-
easy LESS默认只监听.less文件，但如果你的文件名带下划线（如_variables.less），它会直接跳过（认为是 partial，不输出） - 插件启动依赖 Node.js 环境，如果本地没装 Node 或
lessCLI，它会静默失败，控制台也不报错 - 新版 VSCode 的「文件监视器」默认启用节流，可能延迟触发编译，尤其在 WSL 或网络盘路径下
用 lessc CLI + Task 实现稳定编译（推荐）
绕过插件，用官方 lessc 命令配合 VSCode 的 tasks.json，可控性高、兼容性强，还能自定义压缩、source map、自动清理旧 CSS。
- 先全局安装：
npm install -g less（确认lessc --version能返回版本号） - 项目根目录建
.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",
"focus": false,
"panel": "shared",
"showReuseMessage": true,
"clear": false
},
"problemMatcher": []
}
]
}
- 保存后按
Ctrl+Shift+P→ 输入Tasks: Run Task→ 选less: compile，手动触发一次，看是否生成 CSS - 再打开
settings.json（用户或工作区），加这行自动保存时运行："task.autoDetect": "on"和"files.associations": {"*.less": "less"}
为什么不用 Live Sass Compiler 这类“全能插件”？
有人试过把 Live Sass Compiler 插件强行配 Less，结果发现：它内部硬编码调用的是 sass 或 node-sass，根本不认 lessc；改配置项如 liveSassCompile.settings.extensionName 无效，因为底层没实现 Less 支持。
- 这类插件名字带 “Sass” 就是真的只做 Sass/SCSS，不是“支持所有 CSS 预处理器”的通用工具
- 试图用
liveSassCompile.settings.formats加less格式，会导致保存时报错：Unknown format: less - 真正能同时处理 Sass 和 Less 的方案，是自己写脚本调用对应 CLI，而不是依赖一个插件“假装支持”
路径和变量引用出错：@import 找不到文件
Less 编译失败最常见的报错是：FileError: 'xxx.less' wasn't found。这不是路径写错，而是 lessc 默认只在当前文件所在目录查 @import，不递归搜子目录，也不读 node_modules。
- 解决办法是在
tasks.json的args里加--include-path参数，比如："--include-path=src/styles:node_modules/bootstrap/less" - Windows 下路径分隔符要用
:（不是;），多个路径之间用冒号连接，不能有空格 - 如果用了相对路径
@import "../mixins.less"，确保该文件真实存在且大小写完全匹配（Linux/macOS 区分大小写）
easy LESS 插件，一边又跑 lessc Task，CSS 就可能被覆盖两次或冲突。建议彻底停用老旧插件，用 CLI + Task 这一条路走到底。前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
