Sublime Text默认支持Sass/SCSS高亮，无需插件；.sass或.scss文件灰色是因后缀未映射到内置语法，应右键底部语法名→Open all with current extension as→选SCSS，优先用.scss后缀，并卸载冲突的老插件。
Sublime Text 默认就支持 Sass/SCSS 语法高亮，根本不用装插件——装了反而容易出错。
为什么 .sass 或 .scss 文件还是灰色？
不是缺插件，是后缀没被正确映射到内置语法。Sublime Text v4（及较新 v3）自带 Sass 和 SCSS 语法定义，但只对特定后缀自动生效。
- 默认只把
.scss关联到SCSS语法；.sass（缩进语法）常被识别为Plain Text或误判为HAML - 右键编辑器右下角当前显示的语法名（比如
Plain Text）→ 选Open all with current extension as…→ 找到并点击SCSS（推荐）或Sass - 如果列表里没有
SCSS，说明你用的是.sass后缀，但 Sublime 没预设映射；此时优先把文件后缀改成.scss，兼容性更好、社区工具链也更稳 - 已打开的文件需手动右键 →
Set Syntax→SCSS才能立即生效
装了 Sass 插件反而高亮错乱？
老插件（如 Sass by erikzaadi、SCSS by kuroir、Origami）会劫持语法关联，但没适配 v4 的作用域（scope）机制，导致变量、嵌套、注释等高亮错位甚至消失。
前端设计优化skill
下载
前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。前端设计与 UI/UX 全方位优化专家。覆盖视觉层次、排版系统、色彩理论、响应式布局、交互体验、动画动效、无障碍访问、性能优化八大维度，帮助开发者将普通页面升级为高品质产品级界面。
- Ctrl+Shift+P → 输入
Package Control: Remove Package→ 卸载所有带Sass或SCSS名字的老插件 - 尤其注意
SassBuild这类“高亮+编译”二合一插件：它不提供可靠高亮，还可能干扰 Build System - 如果你依赖自动编译功能，请改用 Sublime 原生
Build System配置，而不是靠插件“兼职”干活
自定义颜色怎么调才不崩？
v4 已弃用 .tmTheme，硬塞旧主题文件会导致高亮失效或崩溃。
立即学习“前端免费学习笔记（深入）”；
- Preferences →
Color Scheme…，确认当前选中的是Monokai.sublime-color-scheme这类带.sublime-color-scheme后缀的主题 - 要微调 Sass 颜色，先 Preferences →
Browse Packages…→ 进入Color Scheme文件夹，复制一份当前主题，重命名（如MySCSS.sublime-color-scheme） - 编辑该 JSON 文件，在
rules数组里加这几条（scope 必须准确）：[{"scope": "source.scss", "foreground": "#abb2bf"},{"scope": "variable.scss", "foreground": "#c678dd"},{"scope": "support.function.scss", "foreground": "#56b6c2"}]
真正麻烦的从来不是装什么插件，而是搞清 Sublime 是怎么把后缀、语法、作用域、主题这四层串起来的——漏掉一层，高亮就断在半路。
