sublime text 本身不编译 sass/scss,所谓“自动编译”仅调用系统已安装的 dart sass 命令行工具;必须通过 which/where 查绝对路径并显式配置到构建系统或插件设置中,且项目路径不能含中文、空格或括号,否则静默失败。

Sublime Text 本身不编译 Sass/SCSS,所谓“自动编译”只是调用你系统里装好的 sass 命令;没装 Dart Sass、路径不对、或 Sublime 启动时根本找不到它,保存就静默失败——连错误提示都不会弹。
确认 sass 命令是否真被 Sublime 看得见
终端里 sass --version 能输出版本号,不代表 Sublime 就能用。macOS/Linux 图形界面启动 Sublime 时,它不读 ~/.zshrc;Windows 上常因 npm 全局路径没进系统 PATH,或用了 nvm 切换版本后失效。
- 新开一个终端(不是 Sublime 自带 console),运行
which sass(macOS/Linux)或where sass(Windows),拿到类似/opt/homebrew/bin/sass或C:UsersAliceAppDataRoaming pmsass.cmd的绝对路径 - 关掉 Sublime,从 Dock / 开始菜单重新启动它,再测试
- macOS 若用 Homebrew 安装,检查
~/.homebrew/bin是否在$PATH;Windows 若用nvm,确保当前 Node 版本下已全局安装:nvm use 20 && npm install -g sass
用 SublimeOnSaveBuild + 自定义 .sublime-build 最稳
LiveSassCompiler 等插件封装太深,@use 报错不显示、中文路径卡死、错误常被吞掉;手动配构建系统虽多一步,但报错可见、路径可控、新语法全支持。
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
- Ctrl+Shift+P → 输入
Package Control: Install Package→ 搜SublimeOnSaveBuild安装 - Tools → Build System → New Build System…,贴入以下内容并保存为
Sass.sublime-build:
{
"cmd": ["sass", "--no-source-map", "$file", "${file_path}/${file_base_name}.css"],
"selector": "source.scss, source.sass",
"file_regex": "^([^:]*?):([0-9]+):([0-9]+)",
"path": "/opt/homebrew/bin:/usr/local/bin"
}
-
--no-source-map必须加,否则构建可能卡住;如需 sourcemap,改用--sourcemap=inline或--embed-sources -
${file_path}/${file_base_name}.css是动态输出路径,避免多文件互相覆盖;别写死成style.css -
path字段填你查到的sass所在目录(Windows 填完整路径如C:\Users\Alice\AppData\Roaming\npm,注意双反斜杠) - 确保
selector是source.scss, source.sass,否则保存时不会触发
别踩进 SCSS 插件的坑
名字叫 SCSS(作者 mrmartineau)的插件自带轻量编译器,看似免配置,但实际限制极多。
- 不支持
@use,遇到就报Invalid CSS after "@use",且错误不显示在控制台,只弹空框 - 编译失败时静默不生成
.css,看起来像“没反应”,排查无从下手 - 输出路径固定,不能自定义目录结构,所有 CSS 都扔进同级目录
- 插件名是
SCSS,不是Sass;别混淆,也别装LiveSassCompiler这类老插件——它对@use支持差、错误反馈弱
真正容易被忽略的是:Sublime 启动时的环境变量和终端完全隔离,哪怕你 which sass 成功,只要没显式把路径塞进 .sublime-build 的 path 字段或用户设置里的 sass_path,它就永远找不到那个二进制文件。
前端入门到VUE实战笔记:立即使用
在学习笔记中,你将探索 前端 的入门与实战技巧!










