Sublime Text 本身不编译 SCSS,所谓“实时转 CSS”本质是调用外部 sass 命令行工具 + 插件触发机制;没装对 sass 或路径没对上,保存就静默失败。
Sublime Text 本身不编译 SCSS,所谓“实时转 CSS”本质是调用外部命令行工具 + 插件触发机制;没装对或路径没对上,保存就静默失败,连错误都不报。
确认
已全局安装且可执行
这是 90% 编译失败的根源。插件只是喊一声“
,干活!”,如果系统根本听不见,就卡住不动。
终端运行
,必须输出类似
;没反应?说明没装或没进 PATH
务必用
(别用
,已废弃,不支持
)
macOS 用户若从 Dock 启动 Sublime,常因 GUI 环境没加载 shell PATH,导致找不到
;解决办法:终端里运行
启动编辑器
Windows 用户查
实际路径:
,再拼上
(例如
)
用
+ 自定义构建系统最稳
比 LiveSassCompiler、SCSS 插件更透明、出错能直接看到原始
报错,适合真要调试语法或路径问题的人。
Package Control 安装
菜单 → Tools → Build System → New Build System…,贴入:
值按你本地
路径填(macOS 用
查;Windows 填上面查到的完整目录)
是关键:保证每个
输出独立
,不会互相覆盖
保存为
到
目录,然后右下角状态栏手动选中它
为什么保存后没生成 CSS?先盯这几个点
不是插件坏了,大概率是文件没被识别、路径错了,或者语法越界了。
使用HTML,CSS,JavaScript开发Android应用程序 英文文字pdf版附源文件
如果你了解HTML,CSS和JavaScript,您已经拥有所需的工具开发Android应用程序。本动手本书展示了如何使用这些开源web标准设计和建造,可适应任何Android设备的应用程序 - 无需使用Java。您将学习如何创建一个在您选择的平台的Android友好的网络应用程序,然后转换与自由PhoneGap框架到一个原生的Android应用程序。了解为什么设备无关的移动应用是未来的潮流,并开始构建应用程序,提供更
下载
立即学习
“
前端免费学习笔记(深入)
”;
右下角状态栏必须显示
(不是
或空白),否则
不匹配,构建系统压根不触发
文件必须已保存(不能是未命名的临时标签页),否则
解析为空,报
遇到
:Dart Sass 要求
后必须跟
,不能分号结尾;也确认你没把
当入口文件——带下划线的不会被编译
输出路径含中文或空格?某些旧插件会崩;移到
或
这类干净路径下试试
别信“全自动实时监听”,真
交给终端
Sublime 插件模拟的 watch 可靠性差,容易漏触发、卡死、不报错。开发时建议另开终端,cd 到项目目录,直接跑:
这样能第一时间看到编译错误(比如变量未定义、路径错)、热重载也更准
Sublime 只负责写代码,终端负责编译,职责清晰,排查问题时不用猜“是插件没起作用,还是 sass 没跑起来”
如果非要 Sublime 内集成,
配合手动
比任何“自动监听”都可靠
sasssasssasssasssass --version1.77.6npm install -g sassnode-sass@usesasssublsassnpm config get prefix\sass.cmdC:\Users\Alice\AppData\Roaming\npm\sass.cmdSublimeOnSaveBuildsassSublimeOnSaveBuild{
"cmd": ["sass", "--no-source-map", "$file", "$file_path/$file_base_name.css"],
"selector": "source.scss",
"path": "/usr/local/bin:/opt/homebrew/bin",
"shell": true
}pathsasswhich sass$file_base_name.css.scss.cssSass.sublime-buildPackages/User/SCSSCSSselector$fileFile to read not foundInvalid CSS after "@use"@use{_partial.scssC:/dev/~/code/--watchsass --watch src/style.scss:dist/style.css --style=compressedSublimeOnSaveBuildCtrl+B