sublime text 需依赖外部 cli 工具（lessc 或 dart sass）编译 less/sass，插件仅提供语法高亮与构建入口；须先全局安装对应工具、正确配置构建系统路径，并推荐用命令行 watch 实时编译。
Sublime Text 本身不内置 Less 或 Sass 编译能力，所谓“安装插件”只是加个语法高亮 + 命令触发入口，真正编译得靠外部命令行工具（lessc 或 sass CLI），否则保存文件根本不会生成 .css 文件。
确认系统已安装 Node.js 和 less/sass CLI
这是最容易卡住的一步：插件只是调用命令，没装 lessc 或 sass，点编译就报 'lessc' is not recognized 或 command not found: sass。
-
npm install -g less（装完验证：lessc --version） - Sass 推荐装 Dart Sass：
npm install -g sass（别用已废弃的node-sass） - Windows 用户如果用 PowerShell 启动 Sublime，可能需在终端里先运行
Set-ExecutionPolicy RemoteSigned -Scope CurrentUser才能执行全局 npm 命令
用 Package Control 安装 Syntax + Build System 插件
别搜“Less 插件”这种模糊词——你要的是两个东西：语法高亮（.less/.sass 文件能正确着色）和构建系统（Ctrl+B 能调用 lessc）。
- 推荐装
LESS（作者：mrh85）——它自带Lessc构建规则，不用手动写.sublime-build - Sass 推荐装
Sass（作者：aaronjorbin）+ 单独配Sass.sublime-build，因为官方Sass包只管语法，不带构建 - 装完重启 Sublime，打开
.less文件，按Ctrl+Shift+P→ 输入Set Syntax: LESS确认语法生效
配置 Build System 让 Ctrl+B 真正编译出 CSS
默认的 LESS 插件会尝试调用 lessc，但常因路径问题失败。最稳的方式是显式指定 cmd 并加 path：
{
"cmd": ["lessc", "$file", "$file_path/$file_base.css"],
"path": "/usr/local/bin:/opt/homebrew/bin",
"selector": "source.less",
"shell": true
}
Windows 用户把 path 改成类似 C:\Users\YourName\AppData\Roaming\npm（用 npm config get prefix 查）；shell 设为 true 是为了让 Windows 能识别 lessc（否则找不到命令）。
- 保存为
Lessc.sublime-build到Packages/User/目录 - 按
Ctrl+Shift+P→Build With…→ 选Lessc，再按Ctrl+B就能生成同名.css - 注意：Dart Sass 默认不支持
.sass缩进语法的旧版，要用sass --style=expanded --no-source-map "$file" "$file_path/$file_base.css"
监听文件变化自动编译？别依赖 Sublime 插件
像 less-watch-compiler 这类工具早就不维护了；Sublime 自带的插件也基本不靠谱。真要实时编译，直接用命令行：
-
lessc --watch input.less output.css（Less） -
sass --watch input.scss:output.css（Sass） - 开个终端窗口挂着就行，比折腾插件稳定得多；Sublime 只负责写代码，编译交给更专业的进程
很多人卡在“为什么保存后没反应”，其实只是忘了装 CLI、路径不对、或者用了已失效的旧插件。编译这步永远在编辑器之外——Sublime 不是编译器，它只是个聪明的文本触发器。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
