sublime text 默认不支持 .scss 文件高亮，需安装 mrmlnc 的 scss 插件（非 sass 插件）；安装后通过 view → syntax → open all with current extension as… 设置文件关联；语法高亮不等于编译或智能提示，需额外配置 autofilename、dart sass cli 等工具链。
Sublime Text 打开 .scss 文件没高亮？
默认不支持，因为 Sublime Text 自带的语法包只识别 .sass（缩进语法），不识别 .scss（CSS 风格语法）。你双击打开一个 style.scss，看到的是纯白底黑字，连选择器和属性都一个颜色——这不是你装错了插件，是它压根没认出这是 SCSS。
- 手动设置：右下角点击当前语法名（比如 “Plain Text”），选
OpenSCSS或Sass→ 但这个选项通常不存在，除非你装了对应插件 - 真正起效的方式是安装第三方语法包，且必须区分清楚：
SCSS和Sass是两个不同语法，对应不同插件 - 别装
Sass包来配.scss文件，它只管缩进式.sass，强行用会导致嵌套、变量等高亮错乱
装哪个插件才对：Package Control 里搜什么？
搜 SCSS，认准作者是 mrmlnc 的那个——全名 SCSS，图标是蓝底白花括号。它不是“Sass”，也不是“SassBeautify”，更不是“Sass Bundle”。装错就等于没装。
- 安装后重启 Sublime（或执行
Ctrl+Shift+P→Reload Syntax Definitions） - 打开任意
.scss文件，右下角应显示SCSS，且$variable、@mixin、&等都有独立颜色 - 如果仍显示
Sass，说明你之前装过冲突包，去Preferences → Package Settings → Package Control → Settings – User里检查installed_packages列表，删掉"Sass"
为什么改了文件关联还是不生效？
常见操作是右键 → Open all with current extension in …，但这只是临时绑定；真正的文件类型映射在 Sublime 的 Preferences → Settings – Syntax Specific 里，而它不控制文件识别，只控制已识别后的设置。
- 正确做法：打开一个
.scss文件 →View → Syntax → Open all with current extension as… → SCSS - 这会写入
AppData/Roaming/Sublime Text 3/Packages/User/SCSS.sublime-settings（Windows）或对应路径，确保下次自动识别 - 如果之前用过其他插件（比如老版
Espruino或SublimeOnSaveBuild），它们可能劫持了.scss关联，得手动清空Settings – Syntax Specific里的异常项
高亮有了，但 @import 路径没提示、编译报错不跳转？
语法高亮 ≠ 编译支持 ≠ 智能提示。SCSS 插件只负责染色，不提供 @import 补全、变量跳转或错误定位。这些需要额外工具链配合。
立即学习“前端免费学习笔记（深入）”；
- 想补全路径和变量：装
AutoFileName（支持@import和url()） +Emmet（可选） - 想实时编译并跳错误行：不能靠插件，得用
npm install -g sass，再配 Sublime 的Build System，指定cmd为sass --watch，否则高亮再准也没法查Undefined variable - 注意：Sublime 原生 Build System 不解析
node_modules下的 Sass 库（如@use "sass:math"），这类需走 Dart Sass CLI 或 VS Code + extensions
最常被忽略的一点：SCSS 语法包本身不处理 // 注释 的高亮差异——Dart Sass 已废弃单行注释，但插件仍会高亮它；你以为写对了，实际编译直接报错。真要严格校验，得靠保存时触发的构建命令，而不是颜色。
