Sublime配置LESS与Sass预处理器自动编译为CSS-sublime-PHP中文网

sublime text本身不编译less或sass，所谓“自动编译”仅调用系统已安装的lessc或sass命令；90%失败源于sublime启动时无法继承shell path，需手动配置sass_path或lessc_path，且真正实时监听必须依赖cli的--watch模式。

sublime配置less与sass预处理器自动编译为css

Sublime Text 本身不编译 LESS 或 Sass，所谓“自动编译”只是调用你系统里装好的 lessc 或 sass 命令；没装对、路径不对、或命令在 Sublime 启动时不可见，保存就静默失败，连错误都不报。

为什么保存 .scss/.less 文件没反应，控制台报 `command not found: sass` 或 `'lessc' is not recognized`

这是最常见也最容易被忽略的问题：Sublime 启动时默认不继承 shell 的 PATH，尤其在 macOS/Linux 图形界面下，或 Windows 上用了 nvm 切换 Node 版本后。sass --version 在终端能跑 ≠ Sublime 能找到它。

先在终端运行 which sass（macOS/Linux）或 where sass（Windows），拿到绝对路径，例如 /opt/homebrew/bin/sass 或 C:\Users\Me\AppData\Roaming\npm\sass.cmd
打开 Preferences → Package Settings → Sass → Settings（Less 对应找 Less → Settings），在右侧用户设置中写入："sass_path": "/opt/homebrew/bin/sass"（注意只填可执行文件路径，不是 sass --watch）
Windows 用户若用 nvm，请确保当前 nvm 使用的 Node 版本下已全局安装：nvm use 20 && npm install -g sass
别用 node-sass —— 它已停更，sass（Dart Sass）是唯一维护中的官方实现

怎么让 `src/scss/main.scss` 编译到 `dist/css/main.css`，且保留嵌套结构

原生 Sass 插件的 output_dir 只支持扁平化输出（所有 CSS 都扔进一个目录），不保留源文件嵌套结构。要实现路径映射，必须换方案。

用自定义构建系统（最可控）：菜单栏 Tools → Build System → New Build System，填入：

{
  "cmd": ["sass", "$file", "${file_path}/../dist/css/${file_base_name}.css"],
  "selector": "source.scss",
  "shell": true,
  "working_dir": "$file_path"
}

保存为 Sass-dist.sublime-build，然后按 Cmd+B（Mac）或 Ctrl+B（Win）手动触发。

Miller CSV TSV JSON 数据处理器

Miller (mlr) 是一个命令行工具，用于查询、整形和重新格式化名称索引数据，如 CSV、TSV、JSON 和 JSON Lines。它将 awk、sed、cut、join 和 sort 的功能整合到一个专为结构化数据处理而构建的单一工具中。

下载

Less 推荐直接用 Less2CSS 插件，在其用户设置中加："lessc_args": ["--include-path=src/less"]，并设 "output_dir": "dist/css"（但它仍不解析子目录层级，需配合构建系统或 CLI watch）

改了 `_variables.scss`，保存主文件却报 “undefined variable”

这不是编译失败，是 Sass 解析器根本没加载那个变量文件。Sublime 插件默认只编译当前打开的文件，不会自动 resolve @use 或 @import 的路径。

确保主文件（如 main.scss）开头有 @use "variables" 或 @import "variables"，且 _variables.scss 和它在同一目录，或已在 include_paths 列表里
插件配置的 include_paths 对单次构建有效，但对依赖变更无感知；真要监听子文件变化，必须用 CLI 的 watch 模式：sass --watch src/scss:dist/css
LiveSassCompiler 或 EasyLess 连 @use "utils" 找不到路径时都只静默失败，不报错也不重编

想真正实时监听，别指望插件

Sublime Text 本身不支持真正的实时监听（--watch），所谓“实时编译”其实是保存时触发单次编译。真要监听文件变化，必须交由终端的 sass 或 lessc 命令行工具完成。

推荐在项目根目录运行：sass --watch src/scss:dist/css（Sass）或 lessc --watch src/less/styles.less dist/css/styles.css（Less）
CLI 的 --watch 会递归监听整个目录树，包括被 @use 或 @import 引入的所有文件；插件配置的 output_dir 或 include_paths 对此模式无效
如果同时开 Sublime 和终端 watch，记得关掉插件的自动编译，避免冲突和重复生成

路径配置是硬门槛，CLI 可执行文件路径填错、include_paths 没覆盖依赖目录、watch 模式和插件构建混用——这三类问题占了实际调试时间的 80% 以上。