sublime text 编译 sass 依赖系统已安装的 dart sass，90% 失败源于 path 不通；需验证终端中 sass --version 可用，正确安装 npm install -g sass，并选用 scss（非 sass）插件或 easy scss，配置构建系统时指定准确路径与参数。
Sublime Text 本身不编译 Sass，所谓“Sass2CSS 插件”只是调用系统已安装的 sass 命令行工具；没装好 Dart Sass，插件再花哨也编译不出 .css 文件。
确认 sass 命令是否真可用
这是 90% 失败的根源。Sublime 启动时默认不继承 shell 的 PATH（尤其 macOS/Linux 图形界面启动、Windows 的系统环境变量未刷新），所以终端能跑 sass --version ≠ Sublime 能调用它。
- 打开全新终端（不是 Sublime 内置 console），执行
sass --version，必须输出类似1.77.6的 Dart Sass 版本号 - 若报
command not found: sass，说明没装或路径不对：运行npm install -g sass（Node.js ≥18.0），别用已停更的node-sass或废弃的ruby sass - macOS 用户若曾用 Homebrew 装过旧版，先执行
brew uninstall sass；Windows 用户检查C:UsersXXXAppDataRoaming pm是否已加进系统 PATH - 查真实路径：
which sass（macOS/Linux）或where sass（Windows），结果类似/opt/homebrew/bin/sass或C:UsersMeAppDataRoaming pmsass.cmd
别装错名字相似的插件：SCSS ≠ Sass
Package Control 里搜 “Sass”，会出现两个高权重插件，仅一字之差，但行为完全不同：
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
-
Sass（无 C）：只提供语法高亮，右下角显示 “Sass”，保存文件完全不触发编译——很多人装完以为搞定了，实际只是有了颜色 -
SCSS（带 C）：由 mrmartineau 维护，会自动注册构建系统，Tools → Build System 里出现 “SCSS” 选项，支持调用外部sass编译 - 另一个稳妥替代是
Easy SCSS：右键菜单有Easy SCSS: Toggle Auto Compile，默认仍优先调用系统sass，但自带降级逻辑
构建系统配置中路径和参数要写对
即使插件选对、sass 也装好，构建系统里一个变量写错就白忙活。重点不是“能不能编译”，而是“编译到哪、用什么参数”：
- 输出路径别硬编码：
$file_path/$file_base_name.css是安全写法，css/$file_base_name.css容易因相对路径出错 - 别在构建命令里加
--watch：sass --watch是阻塞式监听，会卡住 Sublime 构建流程，导致保存后无响应 - 推荐轻量参数组合：
["sass", "--no-source-map", "--style=compressed", "$file", "$file_path/$file_base_name.css"] - 如果 PATH 不可靠，可在构建系统 JSON 中显式加
"path": "/opt/homebrew/bin:/usr/local/bin"（macOS）或"path": "C:\Users\Me\AppData\Roaming\npm"（Windows）
LiveSassCompiler 插件看似方便，但静默失败风险高
它开箱即用，右下角点 Live Sass: Watch Sass 就启动，但有个关键缺陷：找不到 sass 时不会报错，只会静默跳过编译——你改了文件、点了保存、等半天没生成 .css，却看不到任何提示。
- 验证它是否真在工作：改一行 SCSS，保存，立刻检查对应目录下是否有新生成或更新的 .css 文件
- 若无反应，不要反复重装插件，先打开 Sublime 控制台（
Ctrl+`），看有没有Unable to find sass类似日志（它有时会藏在这里） - 更可控的做法是放弃自动监听，改用命令行
sass --watch scss:css独立运行，Sublime 只负责编辑，编译交给终端——这样错误明明白白，路径、权限、版本问题一目了然
最常被忽略的是：Sublime 的 GUI 进程和终端 shell 的环境变量根本不是一回事。哪怕你把 sass 路径配进 .zshrc，图形界面启动的 Sublime 也看不到。要么从终端执行 subl 启动它，要么在构建系统里把 path 写死——没有中间态可依赖。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
