必须先确保系统已安装并能调用lessc命令，否则所有插件均静默失效；终端运行lessc --version有输出（如4.2.0）才表示环境就绪，再安装EasyLess插件、启用监听、配置正确路径与输出目录。
装插件不等于能编译，90% 的失败都卡在 lessc 命令根本没被 Sublime 调用到。
确认 lessc 是否真可用
所有插件（EasyLess、Less2CSS）都只是调用系统命令，不是自带编译器。没 lessc，就等于没引擎。
- 终端执行
lessc --version，必须输出类似4.2.0的版本号才算通过 - Windows 用户注意：
cmd能运行 ≠ Sublime 能调用——可能需重启 Sublime，或把npm bin -g输出的路径加进系统PATH - nvm 管理 Node 的用户：切换版本后
where lessc可能返回空，建议改用官方 Node 安装包 - Mac/Linux 用户：如果用
zsh，确保$PATH对 GUI 应用可见（可尝试从 Spotlight 启动 Sublime）
选 EasyLess，别碰 Less2CSS
Less2CSS 已多年未更新，不兼容 Sublime Text 4，@import 路径解析经常错，且内置引擎只支持最基础语法；一旦用了变量、嵌套或引入文件，fallback 逻辑就不稳。
- 安装方式：
Ctrl+Shift+P→ 输入Package Control: Install Package→ 搜EasyLess→ 回车 - 启用监听：右键任意
.less文件 →EasyLess: Toggle Watch，右下角状态栏必须显示EasyLess: watching - 它会真正递归追踪
@import文件变更——改了variables.less，只要主入口文件保存过一次，后续再保存主文件就能触发重编译
@import 路径和中文路径是高频翻车点
常见错误 ReferenceError: variable @primary-color is not defined，往往不是变量写错了，而是 @import 根本没加载成功。
前端设计优化skill
下载
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
立即学习“前端免费学习笔记（深入）”；
-
@import必须用相对路径，且不能含中文或空格（例如@import "base/变量.less";会失败，得改成@import "base/variables.less";） - 项目路径本身也别含中文或空格，否则
lessc解析失败，报File not found -
lessc4.x 默认禁用file://协议导入，如果用了@import (reference) "https://...这类写法，得降级到lessc 3.13.1或加--allow-js参数（不推荐）
输出路径怎么配才不踩坑
output_dir 是相对于 Sublime 项目根目录（即 File → Open Folder 打开的那个文件夹），不是 .less 文件所在目录。
- 示例：项目结构为
src/less/main.less，想输出到dist/css/main.css，配置应为：{ "output_dir": "dist/css", "auto_compile": true } - 留空
"output_dir": ""表示输出到原文件同级目录，但 Sublime 缓存可能导致 CSS 不刷新，不推荐 - 配置位置：
Preferences → Package Settings → EasyLess → Settings
真正麻烦的从来不是点几下装插件，而是让 lessc 在 Sublime 启动上下文里稳定可见——尤其跨 Shell、跨 Node 管理器、跨操作系统时，PATH 和执行环境容易错位。验证步骤不能跳，重启也不是万能解法。
